Web DB

• rxdb: A **realtime** Database for the Web
• PouchDB is an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser.

Video Player

• - like API.
• Store.js: Cross-browser storage for all use cases, used across the web.

IDE

• FLOW IS A STATIC TYPE CHECKER FOR JAVASCRIPT.
• Parcel: Blazing fast, zero configuration web application bundler
• Prepack: A tool for making JavaScript code run faster.
• - project/swc): is a super-fast typescript / javascript compiler written in rust. It's a library for rust and javascript at the same time. If you are using swc from rust, see rustdoc and for most users, your entrypoint for using library will be parser.
• esbuild: An extremely fast JavaScript bundle
• Prettier is an opinionated code formatter

Desktop Apps

• - apps/tauri): Tauri is a framework for building tiny, blazing fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface. The backend of the application is a **rust-sourced** binary with an API that the front-end can interact with.

Webpack

• webpack-bundle-analyzer: Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
• Happypack: Happiness in the form of faster webpack build times.

Web DB

• phaser: Phaser is a fun, free and fast **2D** game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

Reactive

• **Cycle.js** - A functional and reactive JavaScript framework for predictable code

API

• - The Fastest Way to Build Svelte Apps
• - The Fullstack React Framework](https://github.com/blitz-js/blitz): "Zero-API" Data Layer — Built on Next.js — Inspired by Ruby on Rails
• - Tiny 200b functional event emitter / pubsub.

Save

• **Anime.js** (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API.It works with CSS properties, SVG, DOM attributes and JavaScript Objects.
• 👏 **graphicsmagick** - is the swiss army knife of image processing. Comprised of 267K physical lines of source code in the base package (or 1,225K including 3rd party libraries) it provides a robust and efficient collection of tools and libraries which support reading, writing, and manipulating an image in over 88 major formats including important formats like DPX, GIF, JPEG, JPEG-2000, PNG, PDF, PNM, and TIFF.
• :thumber **imagemagick** - Use ImageMagick to create, edit, compose, or convert bitmap images
• **BigScreen** - A simple library for using the JavaScript Fullscreen API
• mo · js is a javascript motion graphics library that is a fast, retina ready, modular and open source. In comparison to other libraries, it have a different syntax and code animation structure approach. The declarative API provides you a complete control over the animation, making it customizable with ease. The library provides built-in components to start animating from scratch like html, shape, swirl, burst and stagger, but also bring you tools to help craft your animation in a most natural way. Using mojs on your site will enhance the user experience, enrich your content visually and create delightful animations precisely.
• **PhotoSwipe** - JavaScript image gallery for mobile and desktop
• watermarkjs: Watermarking for the browser
• 👏 **graphicsmagick** - is the swiss army knife of image processing. Comprised of 267K physical lines of source code in the base package (or 1,225K including 3rd party libraries) it provides a robust and efficient collection of tools and libraries which support reading, writing, and manipulating an image in over 88 major formats including important formats like DPX, GIF, JPEG, JPEG-2000, PNG, PDF, PNM, and TIFF.

Tools

• webp2jpg-online: Online image format converter, jpeg, jpg, PNG, Gif, webp, svg, ICO, bmp files into Jpeg, PNG, webp, ICO, gif files. The conversion can be done locally without uploading the file Online picture format converter, can convert jpeg, jpg, png, gif, webp, svg, ico, bmp files into jpeg, png, webp, ico, gif files. No need to upload files, conversion can be done locally
• plaiceholder

Compression

• **image-compressor** - A simple JavaScript image compressor. Uses the Browser's native canvas.toBlobhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob API to do the compression work. General use this to precompress a client image file before upload it.
• google-guetzli: Guetzli is a JPEG encoder that aims for excellent compression density at high visual quality. Guetzli-generated images are typically 20-30% smaller than images of equivalent quality generated by libjpeg. Guetzli generates only sequential (nonprogressive) JPEGs due to faster decompression speeds they offer.

Static Code Checking(Lint)

• - changelog/commitlint) - Lint commit messages:

Lightbox gallery

• spotlight: Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies.

Filters

• Instagram.css - **Pure CSS Instagram filters**. You can add all these Instagram-like filters to your photos with using CSS only. Thanks to the CSSgram for inspiration.

Sprite

• sprintf-js is a complete open source JavaScript sprintf implementation for the browser and Node.js.

Lazyload

• jquery_lazyload: Vanilla JavaScript plugin for lazyloading images
• verlok/lazyload: LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images as they enter the viewport. It's written in plain "vanilla" JavaScript, uses IntersectionObserver, and supports responsive images. It's also SEO-friendly and it has some other notable features.

Reactive

• Foundation: The most advanced responsive front-end framework in the world.

Flip

• Backlight
• WebComponents.dev - browser IDE to code web components in isolation with 58 templates available, supporting stories and tests.
• ckeditor: Smart **WYSIWYG** HTML editor
• Quill: Your powerful rich text editor.
• Editor.js Next generation block styled editor. Free. Use for pleasure.
• **draft.js** - A framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences
• - featured code and syntax highlighting to help with reading and editing complex code. (语雀早期方案)
• react-quill
• - Prism is a lightweight, robust, and elegant syntax highlighting library. It's a spin-off project from Dabblet.
• - based editor directly in the browser. You can define nodes and workers that allow users to create instructions for processing data in your editor without a single line of code.](https://github.com/retejs/rete)
• Microsoft/monaco-editor: A browser based code editor which powers **VS Code**
• **pell** - pell is the simplest and smallest WYSIWYG text editor for web, with no dependencies
• **Ace** - A standalone code editor written in JavaScript
• tinymce: The world's most popular JavaScript library for rich text editing. Available for React, Vue and Angular
• **draft.js** - A framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences

Code Highlight

Markdown

• - browser **Markdown** editor](https://github.com/benweet/stackedit)
• - it](https://github.com/markdown-it/markdown-it) - Markdown parser done right. Fast and easy to extend.
• - Markdown Editor](https://github.com/sparksuite/simplemde-markdown-editor): A drop-in JavaScript textarea replacement for writing beautiful and understandable Markdown. The WYSIWYG-esque editor allows users who may be less experienced with Markdown to use familiar toolbar buttons and shortcuts. In addition, the syntax is rendered while editing to clearly show the expected result. Headings are larger, emphasized words are italicized, links are underlined, etc. SimpleMDE is one of the first editors to feature both built-in autosaving and spell checking.

Notion-Like Editor

• - Editor](https://github.com/Darginec05/Yoopta-Editor) - Open-source rich-text editor that's truly rich. Install and use it in your project. Easy to to use and fully customizable. Just relax, we're here to solve all your challenges with rich-text editors.

CLI

• Frontend Focus - A weekly newsletter for frontend developers
• CSS-Tricks - A “website about making websites”
• Smashing Magazine - Magazine for web designers and developers
• SitePoint - Updates on current web development trends and technologies
• WebGlossary.info - A glossary of (thousands of) web development terms
• Frontend Dogma - News and tools for frontend (and web) developers
• Frontend Masters - Web development articles

Markdown

• :pencil2:**jsfiddle** - online web developemnt editor
• **BrowserStack** - Instant access to all real mobile and desktop browsers. Say goodbye to your lab of devices and virtual machines.
• **LogRocket** - Records everything users do on your site, helping you reproduce bugs and fix issues faster.
• :+1::+1::+1:**Emmet** - the essential toolkit for web-developers
• **Sizzy** - A tool for developing responsive websites crazy-fast
• - The tiny all-in-one development tool for modern web apps, in a single 2mb file with no dependencies.
• **fountainjs** - One Yeoman generator for all your frontend projects
• :pencil2:**codepen.io** - CodePen is a **social development environment**for front-end designers and developers. 👋
• :+1:**json-server** Mock Get a full fake REST API with zero coding in less than 30 seconds (seriously)
• **nodemon** - Monitor for any changes in your node.js application and automatically restart the server - perfect for development
• **fountainjs** - One Yeoman generator for all your frontend projects

Deploy

• Heroku
• Vercel - Develop, Preview, Ship - user performance.

Icons

• iconmonstr: Discover 4486+ free icons in 310 collections
• - licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.](https://github.com/tabler/tabler-icons)

APIs & Mock

• API Blueprint is simple and accessible to everybody involved in the API lifecycle. Its syntax is concise yet expressive. With API Blueprint you can quickly design and prototype APIs to be created or document and test already deployed mission-critical APIs.

Images

• Make images smaller using best-in-class codecs, right in the browser. by GoogleChormeLabs
• TinyPNG client for Mac

Models & serializers

• - typed models and serializers from JSON, JSON Schema, TypeScript, and GraphQL queries, making it a breeze to work with JSON type-safely in many programming languages.

TypeScript

• - migrate is a tool for helping migrate code to TypeScript. It takes a JavaScript, or a partial TypeScript, project in and gives a compiling TypeScript project out.](https://github.com/airbnb/ts-migrate)

Debug

• - end developer tool for mobile web page.](https://github.com/Tencent/vConsole)

Monitor

• - SigNoz is an open-source APM. It helps developers monitor their applications & troubleshoot problems, an open-source alternative to DataDog, NewRelic, etc. 🔥 🖥. 👉 Open source Application Performance Monitoring (**APM**) & Observability tool.
• - Session replay for developers](https://github.com/openreplay/openreplay): The most advanced open-source session replay to build delightful web apps.

Docs

• - Docusaurus is a project for building, deploying, and maintaining open source project websites easily.
• - Good Documentation for JavaScript](https://github.com/esdoc/esdoc)

IDE

• - CodeTour is a Visual Studio Code extension, which allows you to record and play back guided walkthroughs of your codebases. It's like a table of contents, that can make it easier to onboard (or re-board!) to a new project/feature area, visualize bug reports, or understand the context of a code review/PR change. A "code tour" is simply a series of interactive steps, each of which are associated with a specific directory, or file/line, and include a description of the respective code. This allows developers to clone a repo, and then immediately start learning it, without needing to refer to a CONTRIBUTING.md file and/or rely on help from others. Tours can either be checked into a repo, to enable sharing with other contributors, or exported to a "tour file", which allows anyone to replay the same tour, without having to clone any code to do it!

Project Manage

• pnpm: Fast, disk space efficient package manager
• Lerna: A tool for managing JavaScript projects with multiple packages.
• simple-git-hooks - A tool that lets you easily manage git hooks

Save

• :thumbsup::thumbsup::thumbsup:**AniJS** - A Library to Raise your Web Design without Coding
• ❗️ **Velocity.js** - Velocity is an animation engine with the same API as jQuery's *\$.animate()*. It works with and without jQuery. It's incredibly fast, and it features **color animation**, **transforms**, **loops**, **easings**, **SVG support**, and **scrolling**. It is the best of jQuery and CSS transitions combined
• motion - Tiny size. Huge performance.
• - A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.](https://github.com/IanLunn/Hover/)
• - JavaScript Animation Engine](https://github.com/juliangarnier/anime)
• - Motion: A spring that solves your animation problems.](https://github.com/chenglou/react-motion)
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• - a Javascript and CSS library for smoothly transitioning numbers](https://github.com/HubSpot/odometer)
• - based animations](https://github.com/michaelvillar/dynamics.js)
• - loaders** - A collection of loading spinners animated with CSS](https://github.com/lukehaas/css-loaders)
• - js/theatre) - heatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance.
• - Fast animations with Javascript and CSS transforms](https://github.com/daniel-lundin/snabbt.js)
• - platform lightweight 2D render object model. Draw graphics on a canvas through simple object-oriented dom-like API. Vue & React/Preact supported.](https://github.com/spritejs/spritejs)
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• ❗️ lottie for web: Render After Effects animations natively on Web, Android and iOS, and React Native
• cssfx: A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by **CSS with minimal markup**. Completely open source and MIT licensed.
• ❗️ **Velocity.js** - Velocity is an animation engine with the same API as jQuery's *\$.animate()*. It works with and without jQuery. It's incredibly fast, and it features **color animation**, **transforms**, **loops**, **easings**, **SVG support**, and **scrolling**. It is the best of jQuery and CSS transitions combined
• **animate.css** - A cross-browser library of CSS animations. As easy to use as an easy thing

JavaScript

• **D3.js** - A JavaScript library for manipulating documents based on data using HTML, SVG and CSS
• goiojs: A Declarative **3D** Globe Data Visualization Library built with Three.js
• **deck.gl** - A WebGL-powered framework for visual exploratory data analysis of large datasets.
• mermaid - Mermaid lets you create diagrams and visualizations using text and code.
• revogrid: Powerful data grid component built with StencilJS. Support Millions of cells and thousands columns easy and efficiently for fast data rendering. Easy to use.
• flowchartjs: Draws simple SVG flow chart diagrams from textual representation of the diagram
• mapbox-gl-js: Mapbox GL JS is a JavaScript library for interactive, customizable vector maps on the web. It takes map styles that conform to the Mapbox Style Specification, applies them to vector tiles that conform to the Mapbox Vector Tile Specification, and renders them using WebGL.Mapbox GL JS is part of the cross-platform Mapbox GL ecosystem, which also includes compatible native SDKs for applications on Android, iOS, macOS, Qt, and React Native. Mapbox provides building blocks to add location features like maps, search, and navigation into any experience you create. To get started with GL JS or any of our other building blocks, sign up for a Mapbox account.
• **chartist-js** - Simple responsive charts
• textures.js: Textures.js is a JavaScript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization.
• **vega** - A *visualization grammar*, a declarative format for creating, saving, and sharing interactive visualization designs. Describe data visualizations in a JSON format, and generate interactive views using either HTML5 Canvas or SVG.
• d3-flame-graph: A D3.js plugin that produces flame graphs from hierarchical data.
• rough: Create graphics with a hand-drawn, sketchy, appearance
• **echarts** - An easy of adding intuitive, interactive, and highly customizable charts
• **Highcharts** - Interactive JavaScript charts for your web pages
• NVD3 - Re-usable charts for d3.js
• **plotly.js** - A high-level, declarative charting library whitch is build on top of d3.js and stack.gl

IDE

• WebPageTest
• **Macaca** - Solution for Automation Test with Ease
• **ava** - 🚀 Futuristic JavaScript test runner: Even though JavaScript is single-threaded, IO in Node.js can happen in parallel due to its async nature. AVA takes advantage of this and runs your tests concurrently, which is especially beneficial for IO heavy tests. In addition, test files are run in parallel as separate processes, giving you even better performance and an isolated environment for each test file. from Mocha to AVA in Pageres brought the test time down from 31 to 11 seconds. Having tests run concurrently forces you to write atomic tests, meaning tests don't depend on global state or the state of other tests, which is a great thing!
• Cucumber.js(BBD): Cucumber is a tool for running automated tests written in plain language. Because they're written in plain language, they can be read by anyone on your team. Because they can be read by anyone, you can use them to help improve communication, collaboration and trust on your team.

Static Code Checking(Lint)

• **bootstrap-material-design** - Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new [Google Material Design
• **material-design-lite** - Material Design Components in HTML/CSS/JS
• **Flat-UI** - Based on Bootstrap, a comfortable, responsive, and functional framework that simplifies the development of websites
• **Primer CSS** - Primer is the CSS toolkit that powers GitHub's front-end design. It's purposefully limited to common components to provide our developers with the most flexibility, and to keep GitHub uniquely *GitHubby*. It's built with SCSS and available via NPM, so it's easy to include all or part of it within your own project
• **gentelella - An awesome !! Free Bootstrap 3 Admin Template**

WeChat

• MinUI: MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架，各种小程序组件主流框架等，并且提供了专门的命令行工具
• wxapp-market: 小程序营销组件 大转盘 刮刮乐 老虎机 水果机 九宫格翻纸牌 摇一摇 手势解锁

Out-of-box UI solution

• ANT DESIGN PRO: An out-of-box UI solution for enterprise applications as a React boilerplate.

Vue

• Muse-UI: Material Design UI library for Vuejs 2.0
• vux: Mobile UI Components based on Vue & WeUI
• element-plus: Vue 3.0 Composition API; Written in TypeScript - plus/element-plus?style=social" height="16">
• mint-ui: Mobile UI elements for Vue.js by Eleme
• buefy: Lightweight UI components for Vue.js based on Bulma
• vuesax: New Framework Components for Vue.js 2
• AT-UI: A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0
• NutUI 2(JingDong): A light mobile Toolkit based on Vue

React

• - ui](https://github.com/chakra-ui/chakra-ui): Chakra UI provides a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.
• - ui-fabric-react: React components for building experiences for Office and Office 365.](https://github.com/OfficeDev/office-ui-fabric-react)

Others

• SUI Mobile 是阿里巴巴国际 UED 前端团队出品的移动端 UI 库

Save

• https://loading.io/
• **css loader** - Simple loaders for your web applications using only one div and pure CSS
• SpinKit: A collection of loading indicators animated with CSS
• **Single Element CSS Spinners** - Each spinner consists of a single `div` with a class of `loader` and content text of "Loading...". The text is for screen readers and can be used as a fallback state for older browsers

Web DB

• rrweb is an open source web session replay library, which provides easy-to-use APIs to record user's interactions and replay it remotely.(Powerd by TypeScript)

Save

• icones.js
• iconify: Unified icons framework. One library, over 100,000 vector icons. Modern replacement for icon fonts. Fast, easy to use.
• **Titanic** - A collection of animated icons + javascript library.
• **ionicons** - The premium icon font for Ionic Framework

JavaScript

• createjs: A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.
• - Collection of essential Vue Composition Utilities.
• - based loading when not.](https://github.com/CreateJS/PreloadJS)
• - unctional utility library - modern, simple, typed, powerful

CSS

• - first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.](https://tailwindcss.com/)
• - Tailwind CSS Components: Adds component classes like btn, card and more to Tailwind CSS
• - A modern, HTML5-ready alternative to CSS resets. Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.](http://necolas.github.io/normalize.css/)
• - to-copy CSS effects](https://github.com/jolaleye/cssfx)
• - browser default styling of HTML elements alongside useful defaults. It is developed alongside normalize.css, which means every normalization is included, and every normalization and opinion are clearly marked and documented.](https://github.com/csstools/sanitize.css)
• - first CSS framework. If you are already familiar with Tailwind CSS, think about Windi CSS as an on-demanded alternative to Tailwind, which provides faster load times, fully compatible with Tailwind v2.0 and with a bunch of additional cool features.](https://github.com/windicss/windicss)
• - Micro CSS util class for applying inflated fluffy 3D claymorphism styles to elements. Fully customizable and extensible with CSS variables. SASS mixin is also included for even more styling options.
• - The Next Generation of CSS-in-JS](https://github.com/emotion-js/emotion): Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production.
• - neumorphism](https://github.com/AKAspanion/ui-neumorphism) - 📕 React component library designed on the "new skeuomorphism" or "neumorphism" UI/UX trend.
• - neumorphism](https://github.com/sambeevors/tailwindcss-neumorphism) - Generate soft UI CSS code using tailwindcss
• - The Next Generation of CSS-in-JS](https://github.com/emotion-js/emotion): Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production.

• - roadmap](https://github.com/kamranahmedse/developer-roadmap)
• - 2020](https://github.com/luruke/browser-2020) - This repo contains a non-exhaustive list of less-known features implemented in browsers today.

Web Security

JavaScript

API

Reactive

• - loaded 6kb library to help relocate resource intensive scripts into a web worker, and off of the main thread. Its goal is to help speed up sites by dedicating the main thread to your code, and offloading third-party scripts to a web worker.](https://github.com/Builderio/partytown)

JavaScript Utils

• - component-decorator](https://github.com/edwinm/web-component-decorator) - Lightweight TypeScript decorators for easier handling of attribute changes and cleaner code

Static Code Checking(Lint)

• - source Chinese font derived from Fontworks' Klee One. 一款基于 FONTWORKS 的 Klee One 的开源中文字体。
• - font](https://github.com/wordshub/free-font): 汉字字体制作是一个庞大的工程，不同于西文字库，汉字常用字库表就有 6763 个汉字，GBK标准中共有20902 个汉字，而新出版的 GB_18064，共有六万多个字符。而且汉字的字形相对较为复杂，一套中文字体的完成需要耗费大量专业人士的精力和时间，我们倡导大家使用正版字体，为中文字体的制作创造一个良性的环境。
• - K/Cubic-11) - 俐方體11號是基於 M⁺ gothic 12r 衍生的開源繁體中文點陣字型，可用於像素風格的遊戲以及美術當中。

Static Code Checking(Lint)

• react-chrono-showcase
• react-chrono - A Flexible timeline component for React.

Others

• - draggable-plus](https://github.com/Alfred-Skyblue/vue-draggable-plus) - Drag and drop sorting module, support Vue>=v3 or Vue>=2.7

Markdown

• - A JavaScript 3D Library which makes WebGL simpler.](https://threejs.org/)
• - accelerated graphics, and is cross-platform, cross-browser, and tuned for dynamic-data visualization.](https://github.com/CesiumGS/cesium):
• - fast 3D framework for Web Applications 🥇 & Games 🎮. Based on Three.js](https://github.com/WhitestormJS/whs.js)

Markdown

• rellax: Lightweight, vanilla javascript parallax library

Markdown

• - color](https://github.com/casesandberg/react-color): 1. 13 Different Pickers - Sketch, Photoshop, Chrome and many more; 2.Make Your Own - Use the building block components to make your own
• - TinyColor is a small, fast library for color manipulation and conversion in JavaScript. It allows many forms of input, while providing color conversions and other color utility functions. It has no dependencies.

Markdown

Markdown

Markdown

• - Supercookie uses favicons to assign a unique identifier to website visitors.
• demo

Markdown

• - KaTeX is a fast, easy-to-use JavaScript library for TeX math rendering on the web.

Web DB

IDE

• **Easy-Mock** - 一个可视化，并且能快速生成 **模拟数据** 的持久化服务。
• **Mock** - A simulation data generator

Desktop Apps

• - TS demuxer, MPEG1 video & MP2 audio decoders, WebGL & Canvas2D renderers and WebAudio sound output. JSMpeg can load static videos via Ajax and allows low latency streaming (~50ms) via WebSockets.
• - khan/RecordRTC/): WebRTC JavaScript Library for Audio+Video+Screen+Canvas (2D+3D animation) Recording
• - browser/platform audio control in as little as 12 KB. BSD licensed.](https://github.com/scottschiller/soundmanager2/)

Video Player

• - An HTML5 & Flash video player](https://github.com/videojs/video.js)
• - A beautiful html5 music player](https://github.com/DIYgod/APlayer)
• - A JavaScript H.264 decoder](https://github.com/mbebenita/Broadway)
• - May be the world's most popular embeddable media player](https://github.com/jwplayer/jwplayer)
• - The HTML5 video player for the web](https://github.com/flowplayer/flowplayer)

Video Player

• - browser solution to this API, falling back to use older implementations if the user's browser does not support the new API.

Web DB

• - 60fps on mobile!](https://github.com/jeromeetienne/AR.js/)
• - ar-js) - For location-based AR and marker-based AR, checkout AR.js <https://github.com/AR-js-org/AR.js>

Web DB

• - core/emscripten)
• - WasmEdge (previously known as SSVM) is a lightweight, high-performance, and extensible WebAssembly runtime for ❗️**cloud native, edge, and decentralized applications**❗️. It is the fastest Wasm VM today. WasmEdge is an official sandbox project hosted by the CNCF. Its use cases include serverless apps, embedded functions, microservices, smart contracts, and IoT devices.

Web DB

• - element-admin is a production-ready front-end solution for admin interfaces. It is based on vue and uses the UI Toolkit element-ui.](https://github.com/PanJiaChen/vue-element-admin)

Web DB

• - h5](https://github.com/ly525/luban-h5): Mobile Page Builder&Generator with Drag&Drop

Framework

• - side applications.](https://github.com/nestjs/nest)

Midddleware

• - proxy-middleware: Node.js proxying made simple. Configure proxy middleware with ease for connect, express, browser-sync and many more.](https://github.com/chimurai/http-proxy-middleware)
• http-proxy

CLI

• - This command line interface enables you to package your Node.js project into an executable that can be run even on devices without Node.js installed.
• - Simple CLI for compiling a Node.js module into a single file, together with all its dependencies, gcc-style.
• - This is a silly little command line tool for sexy fonts in the console. Give your cli some love

CLI

• - Next generation markdown editor](https://github.com/marktext/marktext): A simple and elegant open-source markdown editor that focused on speed and usability. Available for Linux, macOS and Windows.
• - JSON Visio is a tool that generates graph diagrams from JSON objects. These diagrams are much easier to navigate than the textual format and to make it even more convenient, the tool also allows you to search the nodes. Additionally, the generated diagrams can also be downloaded or clipboard as image.
• - The Next-Gen Knowledge Base to Replace Notion & Miro.
• - An open-source Notion UI built with Vue 3.
• - Wappalyzer identifies technologies on websites, such as CMS, web frameworks, ecommerce platforms, JavaScript libraries, analytics tools and [more](https://www.wappalyzer.com/technologies).
• - source behavioral analytics library written in typescript, with two key goals: privacy & performance.
• - Create beautiful images of your source code
• - The #1 Open-Source CRM.

Web DB

• Fingerprintjs2: odern & flexible browser fingerprinting library

Markdown

• **html5shiv** - This script is the defacto way to enable use of HTML5 sectioning elements in legacy Internet Explorer
• **es6 promise** - A polyfill for ES6-style Promises

Save

• **sweetalert** - A beautiful replacement for JavaScript's "alert"

Web DB

• FastClick is a simple, easy-to-use library for eliminating the 300ms delay between a physical tap and the firing of a click event on mobile browsers. The aim is to make your application feel less laggy and more responsive while avoiding any interference with your current logic.(Note: As of late 2015 most mobile browsers - notably Chrome and Safari - no longer have a 300ms touch delay, so fastclick offers no benefit on newer browsers, and risks introducing bugs into your application. Consider carefully whether you really need to use it.)

Others

• Sortable — is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery required. Supports Meteor, AngularJS, React, Polymer, Vue, Knockout and any CSS library, e.g. Bootstrap.
• ✨🌟 react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React
• **Dragula** - Browser support includes every sane browser and **IE7+**. Framework support includes vanilla JavaScript, Angular, and React
• VvvebJs: Drag and drop website builder javascript library. http://www.vvveb.com/vvvebjs/editor.html
• Vue.Draggable: Vue component allowing drag-and-drop sorting in sync with View-Model. Based on Sortable.js
• - A framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code

Flip

• react-flip-move: Effortless animation between DOM changes (eg. list reordering) using the FLIP technique. - flip-move?style=social)

Upload

• react-dropzone - Simple React hook to create a HTML5-compliant drag'n'drop zone for files.
• **jQuery File Upload Plugin**
• Web Uploader - 一个以 HTML5 为主 FLASH 为辅, 各种老旧浏览器兼容性好(IE6+ Andorid 4+ IOS 6+)

Save

• 👍👍 FileSaver.js: An HTML5 saveAs() FileSaver implementation

Markdown

• **clipboard.js** - A modern approach to copy text to clipboard. No Flash. No frameworks. Just 3kb gzipped

Desktop Apps

• Gatsby: Blazing fast modern site generator for React Go beyond static sites: build blogs, e-commerce sites, full-blown apps, and more with Gatsby.

Markdown

• **intro.js** - A better way for new feature introduction and step-by-step users guide for your website and project

Markdown

• **Respond.js** - A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)

Web DB

• ximan/dropload: a javascript implementation of pull to refresh and up to loadmore

Markdown

• **Gutenber** - Modern framework to print correctly

Web DB

• ramda: Practical functional Javascript

Markdown

• **twemoji** - Twitter Emoji for Everyone

Web DB

• XRegExp provides augmented (and extensible) JavaScript regular expressions. You get modern syntax and flags beyond what browsers support natively. XRegExp is also a regex utility belt with tools to make your grepping and parsing easier, while freeing you from regex cross-browser inconsistencies and other annoyances.XRegExp supports all native ES6 regular expression syntax. It supports ES5+ browsers, and you can use it with Node.js or as a RequireJS module.

Markdown

• React-PDF: Create PDF files using React

Save

• **toastr** - A Javascript library fo non-blocking notifications
• Angular Toastr
• sonner

Markdown

• **qrcodejs** - just for making QRCode and no other depedencies. It supports Cross-browser with HTML5 Canvas and table tag in DOM
• **qrious** - Pure JavaScript library for QR code generation using canvas

Web DB

• react-firebase-starter: Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay

Save

• **satellizer** - A token-based AngularJS Authentication

Web DB

• v8n: JavaScript fluent validation library

Markdown

• **中文文案排版指北**
• **typo.css** - 一致化浏览器排版效果，构建最适合中文阅读的网页排版，包括桌面和移动平台

Web DB

• director: a tiny and isomorphic URL router for JavaScript

IDE

• reqwest: All over again. Includes support for xmlHttpRequest, JSONP, CORS, and CommonJS Promises A. It is also isomorphic allowing you to require('reqwest') in Node.js through the peer dependency xhr2, albeit the original intent of this library is for the browser. For a more thorough solution for Node.js, see mikeal/request.

Others

• **webui-popover** - A lightWeight popover plugin with jquery, enchance the popover plugin of bootstrap with some awesome new features. It works well with bootstrap, but bootstrap is not necessary!
• **popper.js** - A kickass library to manage your poppers

Markdown

• **tween.js** - JavaScript tweening engine for easy animations, incorporating optimised Robert Penner's equations

Markdown

• **AlloyFinger** - super tiny size multi-touch gestures library for the web

Others

• **vex** - A modern dialog library which is highly configurable and easy to style
• **animatedModal.js** :strong:Beautiful! - A jQuery plugin to create a fullscreen modal with CSS3 transitions

JavaScript

• web-component-designer - A Design Framework Webcomponent, to Design HTML using Webcomponents

CMS

• - source headless CMS. It’s 100% JavaScript, fully customizable, and developer-first.

JavaScript

• cube.js: Cube.js is an open-source analytical API platform. It is primarily used to build internal business intelligence tools or add customer-facing analytics to existing applications.

Markdown

• **Highlight.js** - Highlight.js is a syntax highlighter written in JavaScript. It works in the browser as well as on the server. It works with pretty much any markup, doesn’t depend on any framework and has automatic language detection.

Markdown

• iSlider: Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App

CLI

• - in-aigc/pagen-ai-landing-page-template) - It is built with Next.js and Shadcn UI.

CLI

• - Modern Commerce with Next.js and Stripe as the backend.

IDE

• **JSDELIVR** - A free super-fast CDNfor developers and webmasters

Flip

• **Snap.js** - A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus)