Top 23 TypeScript Vue Projects

• storybook

  20 58,964 10.0 TypeScript

  📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

  Project mention: Build, test and release a React component library with Storybook | dev.to | 2021-03-06

  Storybook

• Ionic Framework

  9 43,147 9.3 TypeScript

  A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

  Project mention: App for toy rental | reddit.com/r/AppIdeas | 2021-03-04

  A hybrid app is basically one that can run on iOS and Android (and web and desktop sometimes) using the same code base, which really goes a long way in terms of cost and maintenance. Good hybrid app technologies are Flutter, React Native or Ionic. I recommend and work with Flutter.

• Scout

  Sponsored scoutapm.com

  Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

• vuetify

  11 29,692 9.8 TypeScript

  🐉 Material Component Framework for Vue

  Project mention: 🔥 Alpha Release Mar 3, 2021 | reddit.com/r/vuetifyjs | 2021-03-03

  The Vuetify 3 alpha has arrived! This release includes multiple updated components, the new theme, layout, and icon systems, and more! Additional information is in the release notes: https://github.com/vuetifyjs/vuetify/releases/tag/v3.0.0-alpha.0

• NativeScript

  1 19,784 8.9 TypeScript

  NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.

  Project mention: Yet another components library recommendation thread... | reddit.com/r/Angular2 | 2021-02-28

  It's worth mentioning that I eventually hope to use NativeScript to convert my Angular web application to a native mobile application (though I've yet to test this out).

• vant

  1 16,840 9.9 TypeScript

  Lightweight Mobile UI Components built on Vue

  Project mention: Lightweight Mobile UI Components Built on Vue | news.ycombinator.com | 2020-12-27

• vue-awesome-swiper

  1 11,210 4.5 TypeScript

  🏆 Swiper component for @vuejs

  Project mention: Using vue-awesome-swiper in a Nuxt Project | dev.to | 2021-01-20

  vue-awesome-swiper is a slider component built with vue and makes setting up a slider easier on frameworks such as Vue and Nuxt. Built By: Surmon China Url: vue-awesome-swiper

• vee-validate

  0 8,305 0.0 TypeScript

  ✅ Form Validation for Vue.js

• Vue Storefront

  1 8,179 8.8 TypeScript

  The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.

  Project mention: New and Noteworthy Vue.js Open Source Projects. Part 1 | dev.to | 2021-01-21

  Website: https://www.vuestorefront.io GitHub: https://github.com/DivanteLtd/vue-storefront GitHub Stars: 5.8k

• rematch

  2 6,984 8.8 TypeScript

  A Redux Framework

  Project mention: Rematch.js v2 released | dev.to | 2021-02-01

  Rematch has been created a few years ago by Shawn McKay and Blair Bodnar, a pair of canadian programmers. It's a tiny but super powerful wrapper around Redux that reduces tons of boilerplate that Redux needs to operate.

• API Platform

  2 6,531 7.5 TypeScript

  Create REST and GraphQL APIs, scaffold Jamstack webapps, stream changes in real-time.

  Project mention: docker-compose : node_modules inside container not synced with host | reddit.com/r/docker | 2021-02-24

  I'm using API platform official distribution with docker-compose and I have an issue with yarn and my node_modules folder not being in sync.

• vetur

  3 4,971 9.8 TypeScript

  Vue tooling for VS Code.

  Project mention: How to Load Vue Components on Non-SPA Sites | dev.to | 2021-02-28

  Now, we can create regular ol' Vue SFCs, or single file components. By creating the whole component in one file, we get the flexibility of thinking of our components as one functional unit made up of HTML, JavaScript, and CSS. We can also write components in TypeScript or SASS if we want to. We can also get syntax highlighting since SFCs end up being fundamentally HTML documents. And with VSCode plugins like (Vetur)[https://vuejs.github.io/vetur/], development in SFCs has a lot of benefits going for it.

• vue-property-decorator

  3 4,544 5.8 TypeScript

  Vue.js and Property Decorator

  Project mention: How to create a scalable vue.js setup (Part I) | dev.to | 2021-02-17

  The next thing to tackle for a scalable application is, that we want to have a well written component that is easy to read and to reuse. Vue components are usually single file, which has it's benefits (e.g. if you want to change some css, and then html and oh, you also need to introduce this property in typescript...). It's also easier to maintain some code standard about how large a component should possibly become, if you had single file components (e.g. >250loc => linter error). To additionally increase readability, I like to use typescript class components flavoured with vue property decorators.

• Quick Start

  0 3,774 9.1 TypeScript

  🍔 A Node.js Serverless Framework for front-end/full-stack developers. Build the application for next decade. Works on AWS, Alibaba Cloud, Tencent Cloud and traditional VM/Container. Super easy integrate with React and Vue. 🌈

• vueuse

  2 3,274 9.6 TypeScript

  Collection of essential Vue Composition Utilities for Vue 2 and 3

  Project mention: Create modals with Vue3 Teleport + TailwindCSS | dev.to | 2021-02-10

  // Same implementation as https://github.com/vueuse/vueuse/blob/main/packages/core/onClickOutside/index.ts import { watch, unref, onUnmounted } from 'vue'; const EVENTS = ['mousedown', 'touchstart', 'pointerdown']; function unrefElement(elRef) { return unref(elRef)?.$el ?? unref(elRef); } function useEventListener(...args) { let target; let event; let listener; let options; [target, event, listener, options] = args; if (!target) return; let cleanup = () => {}; watch( () => unref(target), el => { cleanup(); if (!el) return; el.addEventListener(event, listener, options); cleanup = () => { el.removeEventListener(event, listener, options); cleanup = noop; }; }, { immediate: true }, ); onUnmounted(stop); return stop; } export default function useClickOutside() { function onClickOutside(target, callback) { const listener = event => { const el = unrefElement(target); if (!el) return; if (el === event.target || event.composedPath().includes(el)) return; callback(event); }; let disposables = EVENTS.map(event => useEventListener(window, event, listener, { passive: true }), ); const stop = () => { disposables.forEach(stop => stop()); disposables = []; }; onUnmounted(stop); return stop; } return { onClickOutside, }; }

• vuefire

  1 3,093 8.9 TypeScript

  🔥 Firebase bindings for Vue.js & Vuex

  Project mention: Component Is Not Updating After Vuex State Change | reddit.com/r/vuejs | 2021-02-08

  What about this? https://github.com/vuejs/vuefire/issues/999

• surveyjs

  0 2,790 9.7 TypeScript

  JavaScript Survey and Form Library

• Statusfy

  0 2,252 8.0 TypeScript

  A Marvelous Open Source Status Page System

• vditor

  1 2,205 9.6 TypeScript

  ♏ 一款浏览器端的 Markdown 编辑器，支持所见即所得（富文本）、即时渲染（类似 Typora）和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.

  Project mention: Open source + Self-hosted + True WYSIWYG (not split-view) + Mobile responsive + Table support + Bulk import/export .md files + Folder structure & tag support + Email login/registration support | reddit.com/r/Markdown | 2021-02-21

  The vditor is an open Source Project, these cases are based on vditor.

• vuex-orm

  1 2,145 3.9 TypeScript

  The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.

  Project mention: Leggo my DAO! How to you manage your backend model? | reddit.com/r/Nuxt | 2021-03-02

  could peep this https://github.com/vuex-orm/vuex-orm

• vue-styleguidist

  3 1,913 9.2 TypeScript

  Created from react styleguidist for Vue Components with a living style guide

  Project mention: Writing Vue Storybook stories in markdown | dev.to | 2021-02-15

  Most of the frontend stack at Ecosia is built around with Vue. We also had a design style-guide built using Vue Styleguidist. Our style-guide is essentially a list of all the Vue components used across our frontend applications.

• Misskey

  0 1,656 9.8 TypeScript

  🌎 A interplanetary blogging platform 🚀

• vuex-class

  1 1,582 0.0 TypeScript

  Binding helpers for Vuex and vue-class-component

  Project mention: Aprendizados de 1 ano de projeto em vue.js com escopo ultra caótico | dev.to | 2021-01-26

  Vue2 não é muito bom pra lidar com typescript de forma vanilla, então o próprio core team e a comunidade criaram soluções pra você ter sintaxes alternativas (nada muito diferente) que suportam os toolings mais modernos e que tiveram maior adoção no decorrer dos últimos anos, como o vue-class-component, vue-property-decorator e o vuex-class. O caso mais notório de ferramenta que tira proveito disso, com certeza é o typescript. Com essas tecnologias, usar typescript é 100% possível, e usando essas sintaxes alternativas, diria até que o código fica mais enxuto e claro do que o vue sem nada (@Action do vuex-class, pra mim, tem uma sintaxe mais agradável que mapActions do vuex cru, por exemplo). Começamos o projeto sem, mas o Brunão começou a implementar usando isso e com uma curva bem pequena de aprendizado, aderimos felizes ao novo método de escrever componentes vue2.

• vime

  1 1,499 9.6 TypeScript

  Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...

  Project mention: share a Svelte library | reddit.com/r/sveltejs | 2021-02-20

  Vime: https://github.com/vime-js/vime

Index