Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 23 TypeScript Vue Projects
-
Recently, a ticket was added to our sprint with the goal of reducing packages with critical and high vulnerabilities in a legacy project. The task involved migrating a Vue 2 project using Vue CLI as the build tool to Vite.
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
storybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
In this tutorial, you'll learn how to build a monorepo using Lerna. We’ll be building a Next.js application which will import components from a separate package. We’ll also be using Storybook to showcase those components.
-
If you're searching for a Postman alternative that is faster, lightweight, and more cost-effective, look no further than Hoppscotch.
-
https://github.com/nuxt/nuxt/issues/30926,
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Ionic: A priori le plus accessible si on a des notions de HTML/CSS/Javascript
-
-
Project mention: How to adapt an autocomplete/select field to work with server-side filtering and pagination | dev.to | 2024-09-04
The technical implementation will be demonstrated with Vue, my preferred framework for everyday work, combined with Vuetify, a very robust and highly customizable component framework commonly used in the Vue ecosystem. Note that concepts used here can be applied using other combinations of popular JavaScript technologies.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
taro
开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
-
-
Directus
The flexible backend for all your projects 🐰 Turn your DB into a headless CMS, admin panels, or apps with a custom UI, instant APIs, auth & more.
Sanity, Contentful, and Hygraph are a few examples. Very often a CMS has a pricing page, but is also open-source, and has docs on how to self-host it for free. A great example of that is Directus, and there is no need to avoid those CMS.
-
Project mention: Show HN: Tiptap UI Components – Free React Components for Building Editor UIs | news.ycombinator.com | 2025-04-15
Hi, Philip here from Tiptap. We just released a new set of open source UI components for [Tiptap](https://tiptap.dev/), our headless text editor framework.
These are handcrafted React components that integrate directly with Tiptap’s headless core, things like toolbars, dropdowns, formatting buttons, upload controls, etc. They’re MIT licensed and fully optional. You can use them as-is or customize every part.
There’s also a CLI that sets everything up for you: project scaffolding, recommended defaults, and a working example.
This is for folks who like the flexibility of Tiptap but don’t want to start from zero every time they need an editor UI. It doesn’t change how Tiptap works – just gives you a faster way to build on top of it.
Start here:
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Project mention: Tailwind CSS vs. Bootstrap: Which Framework is Better for Your Project? | dev.to | 2025-03-12Tailwind CSS ecosystem features growing resources like Tailwind UI (a component library), Headless UI (unstyled, accessible components), and community-built plugins. It’s maintained by a smaller company (Tailwind Labs) but has very active development and a dedicated community of web developers.
-
react-table
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
The react-table NPM package is no longer stable or maintained. The new version is published under the @tanstack scope, with the @tanstack/react-table adapter handling React-specific state management and rendering.
-
Document address: Element Plus Official Document
-
-
NativeScript
⚡ Empowering JavaScript with native platform APIs. ✨ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java, Dart). Use what you love ❤️ Angular, React, Solid, Svelte, Vue with: iOS (UIKit, SwiftUI), Android (View, Jetpack Compose), Dart (Flutter) and you name it compatible.
NativeScript is a good example of a runtime built specifically for cross-platform native mobile application development built using JavaScript.
-
-
Here's an example of a Vue composable: https://github.com/vueuse/vueuse/blob/main/packages/core/use...
Here is an example of how it's used: https://github.com/vueuse/vueuse/blob/main/packages/core/use...
And the unit tests: https://github.com/vueuse/vueuse/blob/main/packages/core/use...
Another one from the same lib: https://github.com/vueuse/vueuse/blob/main/packages/core/use...
Unit test: https://github.com/vueuse/vueuse/blob/main/packages/core/use...
-
As part of my job, recently I'm working on integrating Vite (also Vitest) into a dev tool called Bit, which originally uses webpack in most of the cases. Basically, Bit is a component-driven development tool for various frontend frameworks and Node.js. In Bit, everything is a component and eventually consumed as an npm package. So technically, you would deal with all kinds of components as packages in your node_modules folder, whatever they are in CJS or ESM, need to be further transformed or not.
-
Document address: NaiveUI official document
-
lucide
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
Explore Now
-
Project mention: Zwischen Wickeln und Entwickeln - Wie mein Blog mit Eleventy entstand | dev.to | 2025-04-05
-
pinia
🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
-
InfluxDB
InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Vue discussion
TypeScript Vue related posts
-
Solidjs: Simple and performant reactivity for building user interfaces
-
Show HN: Tiptap UI Components – Free React Components for Building Editor UIs
-
Modular Architecture in Nuxt
-
11 Step Checklist for Internationalizing a Website
-
Creating a library for both React and Vue 🤝
-
Micro-frontends na prática
-
Pruvious: A reliable CMS for your Nuxt app
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 26 Apr 2025
Index
What are some of the best open-source Vue projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Vue.js | 208,756 |
| 2 | storybook | 86,470 |
| 3 | Hoppscotch | 71,354 |
| 4 | nuxt | 56,868 |
| 5 | Ionic Framework | 51,651 |
| 6 | lx-music-desktop | 43,458 |
| 7 | vuetify | 40,440 |
| 8 | taro | 36,375 |
| 9 | slidev | 36,224 |
| 10 | Directus | 29,989 |
| 11 | tiptap | 29,810 |
| 12 | headlessui | 27,207 |
| 13 | react-table | 26,286 |
| 14 | element-plus | 25,607 |
| 15 | PicGo | 25,061 |
| 16 | NativeScript | 24,734 |
| 17 | vant | 23,780 |
| 18 | vueuse | 21,011 |
| 19 | Bit | 18,056 |
| 20 | naive-ui | 16,981 |
| 21 | lucide | 16,718 |
| 22 | vitepress | 14,639 |
| 23 | pinia | 13,809 |
Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com