Use Lodash for general purpose JavaScript utilities
Lodash is a consistent, modular, and high-performance JavaScript utility library providing a wide range of helper functions for data manipulation.
vue3-resource
website·Indexed 30 days ago
https://hu-snail.github.io/vue3-resourceA curated collection of Vue 3 resources, including UI libraries like Element-Plus and Vant, chart libraries such as ECharts, and various components for web, mobile, and mini-program platforms. It features categorized lists of rich text editors, Markdown editors, open-source projects, and development tools compatible with Vue 3.
What's inside vue3-resource
Use Cleave.js for input formatting
Cleave.js is used to format the content of input fields in real-time as the user types.Use AntV for complex data visualization needs
AntV is a next-generation data visualization solution from Ant Group, offering a suite of tools and libraries including G2, G6, F2, and L7 to implement complex visualization requirements.Official Documentation: https://antv-g2.gitee.io/zh/docs/ GitHub: https://github.com/antvis/G2/
Use Vue-authorized for a function-based community platform
Vue-authorized is a community project (cnode community) built using a Vue 3 function-based architecture.Tech Stack: Vue 3 (function-based) GitHub: https://github.com/xjh22222228/vue-authorizedIntegrate Chart.js in Vue using Vue-chartjs
Vue-chartjs is a Vue.js wrapper for Chart.js, allowing developers to easily create line, bar, and pie charts within Vue applications.Official Documentation: https://vue-chartjs.org/ GitHub: https://github.com/apertureless/vue-chartjs/
Use IDUX UI for enterprise-grade TypeScript development
IDUX UI is an enterprise-level mid-to-back-end UI library based on Vue 3.x and TypeScript (MIT license). It uses a Monorepo management mode (cdk, components, pro), fully embraces the Composition API, supports Tree Shaking, internationalization, and deep theme customization.Use Highcharts for standard business charts
Highcharts is a JavaScript library used to render various chart types such as line, area, column, and pie charts, featuring a rich API for customizing styles and interactions.Official Documentation: https://www.highcharts.com/docs/index-cn GitHub: https://github.com/highcharts/highcharts/
Use vis.js for interactive network and data visualization
vis.js is an open-source JavaScript library providing professional, customizable components for creating interactive web-based charts and networks.Official Documentation: https://visjs.github.io/vis-network/docs/network/ GitHub: https://github.com/visjs/vis-network
Use Vue-responsive-video-background-player for video backgrounds
Vue-responsive-video-background-player is a responsive video background player compatible with both Vue 2 and Vue 3.<!-- Documentation and Repository --> <!-- Docs: https://github.com/avidofood/vue-responsive-video-background-player#readme --> <!-- Repo: https://github.com/avidofood/vue-responsive-video-background-player -->
Use vue-image-crop-upload for cropping and uploading images
Vue Image Crop Upload is a Vue.js component that allows users to crop images with support for rotation, zooming, and various cropping ratios/sizes. It supports loading and saving images via URLs or Blob objects and works on both mobile and PC.Use Anime.js for JavaScript-driven animations
Anime.js is a powerful, lightweight JavaScript animation library that allows for complex animation sequences and control over CSS properties, SVG, and DOM attributes.Documentation: https://animejs.com/documentation/ GitHub: https://github.com/juliangarnier/anime/
Use Vue3-draggable-resizable for advanced layout manipulation
Vue3-draggable-resizable provides functionality for dragging and resizing elements. It includes advanced features such as collision detection, element snapping/alignment, and real-time reference lines.