cruip-tutorials-vue
vite-vue3-tailwind-starter
cruip-tutorials-vue | vite-vue3-tailwind-starter | |
---|---|---|
3 | 15 | |
6 | 1,038 | |
- | - | |
6.6 | 8.0 | |
4 months ago | over 1 year ago | |
Vue | Vue | |
- | - |
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
vite-vue3-tailwind-starter
- Should i do a vue 3 project before jumping into nuxt?
-
Can anyone suggest some good VueJS boilerplates?
I started with this one https://github.com/web2033/vite-vue3-tailwind-starter and modified it to suit my own needs. Replaced Tailwind with Windi (faster, fewer dependencies).
-
How to build a CLI using NodeJS π»
#! /usr/bin/env node const inquirer = require('inquirer'); const shell = require('shelljs'); const path = process.cwd(); const { questions, questionsTs } = require('./utils/questions.js'); inquirer.prompt(questions).then((answers) => { if (answers.framework === 'React') { inquirer.prompt(questionsTs).then((answersTs) => { if (answersTs.typescript === 'Yes') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/GKaszewski/react-tailwind-typescript-template ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/YashKumarVerma/react-tailwind-template ${answers.projectName}` ); console.log('π οΈ Successfully build the required files'); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } }); } else if (answers.framework === 'NextJS') { inquirer.prompt(questionsTs).then((answersTs) => { if (answersTs.typescript === 'Yes') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/avneesh0612/next-starter ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/Neeraj1005/Nextjs-tailwind-template ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } }); } else if (answers.framework === 'Svelte') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/jhanca-vm/Svelte-Tailwind ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/web2033/vite-vue3-tailwind-starter ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( 'π¨βπ» Successfully installed all the required dependencies\nHappy hacking π' ); } });
- Tailwind CSS v3.0.0-alpha + Vue 3 + Vite (starter)
-
lsp-tailwind and lsp-vue support in ide?
i don't know goormide what based? (monaco, ace) but most front-end developers move from css to tailwind(with vue)! when goormide support tailwind(lsp)? we want this powerfull ide does supporting tailwin and vue together! https://github.com/web2033/vite-vue3-tailwind-starter
-
sveltekit + https?
Got it working with Vue, but should be similar in Svelte
-
Vite dev server with "netlify dev" support
Starter template - https://github.com/web2033/vite-vue3-tailwind-starter
- [Vite] Enabling https on localhost
- Try just-in-time compiler for Tailwind CSS with Vite/Vue3
-
Make a Single Page Application (SPA) with Vue.js and Sanity
This project was created using the Vue.js 3 and Tailwind CSS Starter kit, located here.
What are some alternatives?
cruip-tutorials-next - A repository of Cruip's guides & tutorials made with Next.js and Tailwind CSS
vitesse - π Opinionated Vite + Vue Starter Template
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
strapi-starter-nuxt-e-commerce - Strapi Starter Nuxt.js E-commerce
vueye - Vue 3 template with many components based on Tailwind CSS 3 and Typescript
asp-net-core-vue-starter - ASP.NET Core + Vue.js starter project
AatroX-vue - π A Free Vuejs 3 Minimal Admin Dashboard Develop with Vuejs 3, Vite, and TailwindCss. It's Free and Open Source π₯
supabase-vue-user-management - supabase.io quickstart example in vuejs
cli-skills-copilot-talk - Gettiing started with GitHub Copilot in the CLI π
electron-vite-vue - π₯³ Really simple Electron + Vite + Vue boilerplate.
vue-3-carousel-tutorial - Building a carousel from scratch using Vue 3. This is a tutorial I originally published on DEV.
vue-vben-admin - A modern vue admin. It is based on Vue3, vite and TypeScript. It's fastοΌ