Top Git Project

Freecodecamp's open-source codebase and curriculum....


A declarative, efficient, and flexible JavaScript library...


An Open Source Machine Learning Framework for Everyone


The most popular HTML, CSS, and JavaScript framework for...

System design-primer

Learn how to design large-scale systems. Prep for the...


🙃 A delightful community-driven (with 1900+...


Flutter makes it easy and fast to build beautiful apps...


JavaScript Style Guide


All Algorithms implemented in Python


「Java学习+面试指南」一份涵盖大部分 Java 程序员所需要掌握的核心知识。准备 Java 面试,首选...


The only management software you need. Plan with purpose.

Manage - Featuring Next.js, GraphCMS and TailwindCSS

Manage design preview image

The Challenge⚡️

I designed this landing page and wanted to build using new technologies that I've never tried before.

So I went with tailwind for styling, as a developer who uses scss as a tool of choice for styles, I was highly amazed by how tailwind speeds things up.

Here was the challenge:

  • View the optimal layout for each page depending on the device's screen size.
  • Providing all the content from GraphCMS (images, titles, descriptions etc.)
  • Implementing a working testimonial slider on all screen sizes.
  • Beautiful scroll, javascript & css animations.

Built With ✨

  • Tailwind CSS for styling
  • Apollo-client and GraphQL
  • GraphCMS - Headless CMS
  • React - JS library
  • Next.js - React framework
  • Typescript
  • AOS - animation library

Thanks for sharing 🚀

Next saas-starter

⚡️ Free Next.js responsive landing page template for SaaS products made using JAMStack architecture.

Ts postgres

Non-blocking PostgreSQL client for Node.js written in TypeScript.


Fast and lightweight JavaScript game engine built on WebGL and glTF

Flamework gateways-mod

Implement Flamework remotes with classes


IOS Android Web cross platform app for real time collaborative music listening session and playlist editing. Using...


A social media platform to create communities and make friends