The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 Vue Vite Projects
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
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
-
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.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
vue3-jd-h5
:fire: Based on vue3.x,vite5.x, vant3.0.0, vue-router v4.0.0-0, vuex^4.0.0-0, vue-cli3, mockjs, imitating Jingdong Taobao, mobile H5 e-commerce platform! 基于vue3.0.0 ,vant3.0.0,vue-router v4.0.0-0, vuex^4.0.0-0,vue-cli3,mockjs,仿京东淘宝的,移动端H5电商平台!
-
vite-plugin-vue-inspector
jump to editor source code while click the element of browser automatically.
-
oku-nuxt3-template
Nuxt 3 best starter repo, Tailwindcss, Sass, Headless UI, Vue, Pinia, Vite, Eslint, i18n, Naive UI
-
techui-vue2
TechUI is a easy to use Dynamic SVG Data Visualization Dashboard development tool, based on vite + vue2 development
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Effortlessly locate the icons you require by utilizing Iconify's user-friendly search feature. Simplify your workflow and save the time spent on selecting icons.
These things are worth knowing but for all but the simplest layouts, I still use an interactive design tool to generate the layout.
I'm not making excuses for my ignorance —I use grid daily— it's just easier to visualise and label, well, visually.
There are many online grid generators, but I use https://grid.layoutit.com/
Project mention: Ask HN: How do you relate rendered HTML to the TypeScript file it came from? | news.ycombinator.com | 2023-09-11There is a nifty SvelteKit plugin called Svelte Inspector[1] that lets you select an element in the browser and open the source file in you IDE. It doesn't always get the line number perfectly, but it's pretty good.
I think it is based on https://github.com/webfansplz/vite-plugin-vue-inspector
And this seems to be a similar tool for React: https://chrome.google.com/webstore/detail/react-inspector/gk...
There is also React Dev Tools: https://chrome.google.com/webstore/detail/react-developer-to...
If none of those suit your needs, I think most of them are open-source. So modify as needed~
[1]: https://joyofcode.xyz/svelte-inspector
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...
Another complex version of the license is used for copyright protection of this project: https://github.com/ayin86/techui-vue2
Vue Vite related posts
- Ask HN: How do you relate rendered HTML to the TypeScript file it came from?
- multiplayer on campaign
- What happens when you master CSS grid?
- How can I convert a single player campaign to multiplayer?
- Better DX in Vue apps with Vite Devtools
- Must-Have CSS Tools for Effortless Styling 🚀
- help with broken grid?
-
A note from our sponsor - WorkOS
workos.com | 26 Apr 2024
Index
What are some of the best open-source Vite projects in Vue? This list will help you:
Project | Stars | |
---|---|---|
1 | massCode | 5,440 |
2 | icones | 4,719 |
3 | create-vue | 3,373 |
4 | vue-color-avatar | 3,170 |
5 | admin-one-vue-tailwind | 1,969 |
6 | layoutit-grid | 1,544 |
7 | PreVue | 1,384 |
8 | element-plus-vite-starter | 1,022 |
9 | jellyfin-vue | 993 |
10 | v-dashboard | 880 |
11 | vue3-jd-h5 | 827 |
12 | supabase-schema | 750 |
13 | context-note | 684 |
14 | vite-plugin-vue-inspector | 623 |
15 | oku-nuxt3-template | 557 |
16 | vue-3-playground | 510 |
17 | vue3-easy-data-table | 510 |
18 | happyboot-tiger | 465 |
19 | vite-tailwind-starter | 452 |
20 | sortablejs-vue3 | 347 |
21 | vitesome | 263 |
22 | keypress | 228 |
23 | techui-vue2 | 200 |
Sponsored