sortablejs-vue3
vite-vue3-tailwind-starter
Our great sponsors
sortablejs-vue3 | vite-vue3-tailwind-starter | |
---|---|---|
7 | 15 | |
347 | 1,038 | |
- | - | |
5.1 | 8.0 | |
3 months ago | over 1 year ago | |
Vue | Vue | |
MIT License | - |
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.
sortablejs-vue3
-
Shopify's Draggable Landing Page Is Beautiful
It's an almost great library but last I checked it doesn't support nested draggables: https://github.com/Shopify/draggable/issues/129
This led me to create my own library around SortableJS a year ago: https://github.com/MaxLeiter/sortablejs-vue3#why-not-use-oth...
- Does anyone know of any new, maintained Drag-n-Drop solutions for vue3?
- I made a thin wrapper around SortableJS for Vue 3 because the alternatives weren't good enough
-
I released a TypeScript + Vue 3 wrapper for SortableJS because the alternatives didn't work well. Hope this helps someone!
https://github.com/MaxLeiter/sortablejs-vue3 seems promising but I had a lot of issues, particularly with nested draggables. I also was not alone, so I decided to build this. It's a light-weight type-safe wrapper for Sortable that works with Vue 3 (without any __OPTIONS_API__ business) and supports every Sortable prop/option. I hope this saves someone more time than I spent looking for it...
- I released a thin TypeScript wrapper around SortableJS for Vue 3
- Trying to publish a library, importing from npm breaks
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?
layoutit-grid - Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.
vitesse - π Opinionated Vite + Vue Starter Template
vue3-dnd - React Dnd implementation in Vue Composition-api.
strapi-starter-nuxt-e-commerce - Strapi Starter Nuxt.js E-commerce
gitbox - πGenerate details your statistics of GitHub data information when searching
asp-net-core-vue-starter - ASP.NET Core + Vue.js starter project
spelling-bee - Free open source version of the New York Times Spelling Bee game
supabase-vue-user-management - supabase.io quickstart example in vuejs
vue3-manjaro-ui - η½ι‘΅ηManjaroγA simulation webpage for Manjaro Linux(KDE Plasma).
electron-vite-vue - π₯³ Really simple Electron + Vite + Vue boilerplate.
muuri - Infinite responsive, sortable, filterable and draggable layouts
vue-vben-admin - A modern vue admin. It is based on Vue3, vite and TypeScript. It's fastοΌ