TypeScript Vue

Open-source TypeScript projects categorized as Vue

Top 23 TypeScript Vue Projects

  • storybook

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

    Latest mention: TDD in a React frontend | reddit.com/r/reactjs | 2021-01-22

    We use Chromatic with Storyshots and it’s really great. Full CI and GitHub integration which builds and publishes a PR branch’s Storybook and creates a Visual PR showing all visual diffs for approval. It allows easier collaboration with your Product Manager too.

  • Ionic Framework

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

    Latest mention: How can I hide tabs on some pages on Ionic React? | reddit.com/r/ionic | 2020-12-27
  • vuetify

    🐉 Material Component Framework for Vue

    Latest mention: How To Use Vuetify With Vitejs | reddit.com/r/vuetifyjs | 2021-01-21

    More information here: https://github.com/vuetifyjs/vuetify/issues/11439#issuecomment-632580212

  • NativeScript

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

  • vue-awesome-swiper

    🏆 Swiper component for @vuejs

    Latest 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

    ✅ Form Validation for Vue.js

  • Vue Storefront

    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.

    Latest 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

    A Redux Framework

    Latest mention: Options for offline + online database | reddit.com/r/reactnative | 2020-12-26

    Checkout Rematch as a redux implementation. It is build on top of redux, but removes all the horrible boilerplate and keeps the good parts.

  • API Platform

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

  • vetur

    Vue tooling for VS Code.

    Latest mention: Vue Tutorial Part II: Build a Frontend Quiz App | dev.to | 2021-01-21

    Vetur - Vue tooling for VS Code

  • vue-property-decorator

    Vue.js and Property Decorator

    Latest 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.

  • Quick Start

    🍔 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

    Collection of essential Vue Composition Utilities for Vue 2 and 3

    Latest mention: Vite 2, a DX jump into the future | reddit.com/r/vuejs | 2021-01-14

    In the meantime, you can check the new official Vue blog https://blog.vuejs.org that is also made with VitePress: https://github.com/vuejs/blog. The new VueUse docs have also just migrated to VitePress: https://vueuse.js.org (https://github.com/antfu/vueuse)

  • surveyjs

    JavaScript Survey and Form Library

  • Statusfy

    A Marvelous Open Source Status Page System

  • Misskey

    🌎 A interplanetary blogging platform 🚀

  • vuex-class

    Binding helpers for Vuex and vue-class-component

    Latest 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.

  • vuex-module-decorators

    TypeScript/ES7 Decorators to create Vuex modules declaratively

    Latest mention: How do you name your actions vs. mutations in Vuex to avoid confusion? | reddit.com/r/vuejs | 2020-12-28

    Using https://github.com/championswimmer/vuex-module-decorators. Every module is 'dynamic' so you don't have to predefine your entire store in an object. here is a small example:

  • porn-vault

    💋 Manage your ever-growing porn collection. Using Vue & GraphQL

    Latest mention: Media organizer for TBs of videos | reddit.com/r/DataHoarder | 2020-12-29

    Porn Vault: Full disclosure, while I do consider myself relatively technologically literate, I am by no means a coder, software developer, or anything of the like. I struggled to even install Porn Vault at first because I didn't conceptualize that it was browser-based at first. A lot of my issues with Porn Vault are centered around my own ignorance of some of the program's basic workings, so I don't know that I can give a comprehensive review that someone who knows how to 'pop the hood' on the program might.

  • freezeframe.js

    freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or with trigger / release functions.

    Latest mention: This Week's Interesting Round-Up (1/18/2021 - 1/24/2021) | dev.to | 2021-01-25

    react-freezeframe - "Pause" gifs until they hover over. https://github.com/ctrl-freaks/freezeframe.js/tree/master/packages/react-freezeframe

  • builder

    Drag and drop page building using your code components

    Latest mention: 5 best no-code tools for developers | dev.to | 2021-01-26

    It even supports bringing your own code components (React, etc) into the visual editor. This means you still get to build and control the code, but also get instant drag and drop support for the rest of the team.

  • rollup-plugin-vue

    Roll .vue files

    Latest mention: Publishing a Vue.js 3 Component on npm | reddit.com/r/vuejs | 2021-01-09

    I regret not choosing to show how to bundle an SFC - this component is written with render functions. You could do that using rollup-plugin-vue fairly easily.

  • awakened-poe-trade

    :heavy_dollar_sign: :hammer: Path of Exile trading app for price checking

    Latest mention: Questions Thread - January 26, 2021 | reddit.com/r/pathofexile | 2021-01-26

    In the trouble shooting guide, I found https://github.com/SnosMe/awakened-poe-trade/issues/205 but I don't have any folder that contains ApoeT.

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). The latest post mention was on 2021-01-26.

Index

What are some of the best open-source Vue projects in TypeScript? This list will help you:

Project Stars
1 storybook 58,092
2 Ionic Framework 42,899
3 vuetify 29,305
4 NativeScript 19,656
5 vue-awesome-swiper 11,093
6 vee-validate 8,217
7 Vue Storefront 8,012
8 rematch 6,872
9 API Platform 6,431
10 vetur 4,905
11 vue-property-decorator 4,453
12 Quick Start 3,646
13 vueuse 3,008
14 surveyjs 2,743
15 Statusfy 2,216
16 Misskey 1,585
17 vuex-class 1,573
18 vuex-module-decorators 1,413
19 porn-vault 1,364
20 freezeframe.js 1,204
21 builder 1,108
22 rollup-plugin-vue 734
23 awakened-poe-trade 610