ts-nextjs-tailwind-starter
cruip-tutorials-next
ts-nextjs-tailwind-starter | cruip-tutorials-next | |
---|---|---|
5 | 4 | |
2,662 | 52 | |
- | - | |
7.5 | 7.0 | |
6 days ago | 5 months ago | |
TypeScript | TypeScript | |
- | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
ts-nextjs-tailwind-starter
- I Remake My Personal Site using Tailwind CSS
-
react-native issues.
What I'm thinking is its a TypeScript issue. Or something with compatibility. Here is the code I'm basing my website off of: https://github.com/theodorusclarence/ts-nextjs-tailwind-starter
-
One-stop Starter to Maximize Efficiency on Next.js & Tailwind CSS Projects
I made the ts-nextjs-tailwind-starter after I got tired of setting up a new project and have to initialize Tailwind CSS every single time. After some months, this starter has grown and is filled with a lot of development automation and tools that help me when I'm developing.
-
Step by step: How to setup Storybook with Next.js and Tailwind CSS
Check out the ts-nextjs-tailwind-starter!
- Next.js + Tailwind CSS + TypeScript Starter Template
cruip-tutorials-next
-
Create an Infinite Horizontal Scroll Animation with Tailwind CSS
As for all our tutorials, we also included components for both Next.js and Vue, so you can easily integrate this animation in your favorite framework.
-
3 Examples of Brilliant Vertical Timelines with Tailwind CSS
If you have followed this tutorial from start to finish, you have likely realized that creating a vertical timeline with Tailwind CSS is not a challenging task, although it may require some time and effort. We understand the importance of time in our work, so we have provided pre-built Next.js and Vue components that you can easily incorporate into your projects.
-
How to Create a Spotlight Card Hover Effect with Tailwind CSS & Next.js
The tutorial includes a fully coded example, along with the source code: - Tutorial: https://cruip.com/how-to-create-a-spotlight-card-hover-effect-with-tailwind-css/ - Live Demo: https://cruip-tutorials.vercel.app/spotlight-effect/ - Code: https://github.com/cruip/cruip-tutorials-next/blob/main/components/spotlight.tsx
-
How to Build a Modal Video Component with Tailwind CSS and Next.js
Live Demo / Download
What are some alternatives?
Next-js-Boilerplate - 🚀🎉📚 Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS
cruip-tutorials-vue - A repository of Cruip's guides & tutorials made with Vue and Tailwind CSS
Next-JS-Landing-Page-Starter-Template - 🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 14 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
angular-boilerplate - Straightforward Angular starter
open-react-template - A free React / Next.js landing page template designed to showcase open source projects, SaaS products, online services, and more. Made by
next-typescript-tailwind-mdx-starter - Opinionated Next.js Starter with TypeScript, Tailwind, MDX, and decent SEO
kirby-boilerplate - This is an opiniated boilerplate with rocking tools for front-end development
salvia-kit - Provides 10 Free Beautiful dashboard templates built with Tailwind CSS for React, Next.js, Svelte, Solid, Angular, Vue and Nuxt.js
theodorusclarence.com - 💠 Personal website and blog made using Next.js, TypeScript, Tailwind CSS, MDX Bundler, and Prisma with PostgreSQL
og - 🍇 Open Graph Generator made using @vercel/og for personal use
http-request-ai-generator - Tool that generates HTTP requests for any programming language using Artificial Intelligence.