cruip-tutorials-vue
cruip-tutorials-next
| cruip-tutorials-vue | cruip-tutorials-next | |
|---|---|---|
| 3 | 4 | |
| 6 | 52 | |
| - | - | |
| 6.6 | 7.0 | |
| 4 months ago | 5 months ago | |
| Vue | 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.
cruip-tutorials-vue
-
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 Build a Modal Video Component with Tailwind CSS and Vue
Live Demo / Download
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?
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
ts-nextjs-tailwind-starter - 🔋 Next.js + Tailwind CSS + TypeScript starter and boilerplate packed with useful development features
vueye - Vue 3 template with many components based on Tailwind CSS 3 and Typescript
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
AatroX-vue - 💚 A Free Vuejs 3 Minimal Admin Dashboard Develop with Vuejs 3, Vite, and TailwindCss. It's Free and Open Source 💥
cli-skills-copilot-talk - Gettiing started with GitHub Copilot in the CLI 🚀
vite-vue3-tailwind-starter - Vite, Vue3, Tailwind CSS (single-page app)
vue-3-carousel-tutorial - Building a carousel from scratch using Vue 3. This is a tutorial I originally published on DEV.
admin-one-vue-tailwind - Free Vue.js 3.x Tailwind 3.x admin dashboard template with dark mode. Vite builds. Pinia state. Laravel integration available
vite - Next generation frontend tooling. It's fast!