Awesome Vue.js
in 前端 with 0 comment

Awesome Vue.js

in 前端 with 0 comment

logo of vue-awesome repository

Awesome Vue.js Awesome

A curated list of awesome things related to Vue.js

Resources

Official Resources

External Resources

Job Portal

Community

Conferences

Podcasts

Youtube Channels

Official Examples

Tutorials

Examples

Books

Blog Posts

Projects Using Vue.js

Open Source

Commercial Products

Apps/Websites

Interactive Experiences

Enterprise Usage

A11y

Components & Libraries

UI Components

Table

Tables / data grids

Notification

Toaster / snackbar — Notify the user with a modeless temporary little popup

Loader

Loaders / spinners / progress bars — Let the user know that something is loading

Progress Bar

A slim progress bar at the top of the page

Tooltip

Tooltips / popovers

Overlay

Overlay / modal / alert / dialog / lightbox / popup

Parallax

Icons

Menu

Minus Plus Input

Carousel

Charts

Time

Display time / date / age

Calendar

Display non-editable events in a Calendar

Map

Audio / Video

Infinite Scroll

Pull-to-refresh

Markdown

PDF

Tree

Social Sharing

QR Code

Search

Miscellaneous

Tabs

Form

Let the user create & edit data

Phone Number Input Formatter

Picker

Generator

Date Picker

Date / datetime / time Picker

Select

Slider

Drag and Drop

Autocomplete

Autosuggest / autocomplete / typeahead

Type Select

Let the user select a tag / something while typing

Color Picker

Switch

Switch / on/off toggle / checkbox

Masked Input

Rich Text Editing

Image Manipulation

Edit images

Display images

Video Manipulation

File Upload

Context Menu

Miscellaneous

Wizard

CSV

Comment System

Canvas

Link Preview

Tour

UI Layout

Layout for the overall / main view

Frameworks

Responsive

Set of components + responsive layout system

Mobile

UI frameworks for mobile

Set of components for mobile

Component Collections

Set of components without layout system

Admin Template

Set of admin template

Server-side rendering

Static website generator

Other

UI Utilities

Event Handling

Handling of user events (scroll, click, key strike, ...)

Responsive Design

    • vue-viewports - Define your custom viewports and use them in your components.
    • vue-responsive: Vue.js(2.x) directive to hide/show HTML-elements with the Bootstrap 4, 3 or self defined breakpoints.
    • vue-match-media - Vue 2.x-compatible plugin that offers a consistent, semantic approach to making components media query-aware.
    • vue-media-query-mixin - Vue 2 media query mixin that can be used in both component js and component template. Compatible with bootstrap and vuetify viewports. wXS returns if screen width is xs, wSM returns true if screen width is sm, etc...
    • vue-breakpoints - Vue 2 minimal components to show and hide elements based on breakpoints. Inspired by Airbnb.
    • vue-mq - Offer some useful tools to quickly setup responsive design with a semantic and mobile-first API (Vue 2.x)
    • VueResizeSensor - A container that supports resize event.
    • vue-breakpoint-component - A render-less component for
    1. CSS breakpoint state.

      • fine-mq - A fine API to manage media queries in JS with ease and first-class integration with VueJS as a plugin.
      • vue-responsive-components - Create responsive components with ResizeObserver.

    Form

    Validation

    Resize

    Scroll

    Set window scroll position

    Virtual scrollbar

    Detect when components enter viewport

    Customize the scroll behavior

    Seamless scrolling

    Routing

    Lazy Load

    Pagination

    Animation

    Meta Tags

    Manage meta information in the document head

    Portal

    Move a DOM node to a target DOM node

    Filters

    SVG

    Miscellaneous

    WebGL

    1. on threejs and Panolens, inspired by react-vr

    Fullscreen

    Page visibility

    Printing

    Utilities

    Utilities not directly related to the UI

    Typescript

    HTTP Requests

    Retrieve data over HTTP

    i18n

    Internationalization / L10n / localization / translation

    • vue-i18n - Internationalization plugin for Vue.js.
    • vue-translate-plugin - VueJS plugin for translations.
    • vuex-i18n - Localization plugin for vue.js 2.0 using vuex as store.
    • vue-gettext - Translate your Vue.js applications with gettext.
    • vue-i18n - A small plugin for implementing translations in Vue.js.
    • vue-multilanguage - Support many languages in Vue.js 2.
    • vue-ts-locale - A plugin for implementing translations using Intl in Vue.js 2 with typescript support.
    • vue-i18next - A i18next wrapper to support translations in Vue.js 2.
    • vue-polyglot - Basic translation plugin for Vue.js 2 with async loading.
    • v-localize - Simple localization plugin for
    1. amazing Vue.js.

    Custom Events

    Persistence

    LocalStorage etc.

    State Management

    Redux

    Mobx

    Authentication/Authorization

    Vuex Utilities

    Sync Between Tabs

    GraphQL

    Concurrency Management

    Code Style

    Improve readability of code

    CSS

    Asset Management

    Utilities for building / compiling / bundling / loading assets

    Page Navigation

    Miscellaneous

    Web Workers

    JSX

    Migration

    Web Sockets

    Payment

    Payment utilities.

    Stripe
    Paypal
    Plaid

    Integrations

    Integrate with services or other frameworks

    Vue CLI 3 Plugins

    Google Analytics
    Yandex Metrika

    Dev Tools

    Inspect

    Inspecting & debugging

    Docs

    Create documentation

    Test

    Browser-less require

    Load Vue components without browser

    Source Code Editing

    Text editor plugins

    Atom

    Sublime Text

    Vim

    Visual Studio Code

    Visual Studio

    Brackets

    Intellij

    Emacs

    Kate

    Scaffold

    Scaffold / boilerplate / seed / starter kits / stack ensemble / Yeoman generator

    Client

    Render Vue application in the browser only

    Universal

    Render Vue application to HTML on the server and to the DOM in the browser

    Server

    Includes a backend boilerplate

    Electron

    Parts

    Scaffold parts of the app

    Runtime

    Command Line / Terminal

    Prerendering

    CC0

    Responses