The content of this article for the usual development of their own commonly used often see some tools, libraries, frameworks, excellent blog technology website. Are their own use, most are still in maintenance, not often maintenance here do not move up. Content is much, slowly fine product.

HTML

  • Awesome – A list of selected HTML5 resources

CSS

  • Tailwind CSS Great things about Tailwind CSS
  • Awesome css-frameworks list of awesome CSS frameworks
  • Awesome – CSS -cn Chinese edition of CSS resources, including: CSS preprocessor, framework, CSS structure, code style guide, naming conventions, and more
  • Awesome – CSS highlights:

The preprocessor

Sass

  • Sass professional CSS extension language.

Less

  • Lesscss – Dynamic Style Sheet language.

Styuls

  • Stylus is an expressive, robust, and feature-rich CSS language built for Node.js

Style initialization

  • CSS Reset and normalize.css

Normalize.css

  • Normalize. CSS A modern alternative to CSS resetting

Tailwindcss

  • Tailwindcss utility is a priority CSS framework for fast UI development.

Materializecss

  • materializecss

  • Materialize, a CSS framework based on Material Design

Bootstrap

  • bootstrap
  • The most popular HTML, CSS and JavaScript framework for developing responsive, mobile-first projects on the web.

Postcss

  • postcss
  • PostCSS is a tool for transforming styles using JS plug-ins. These plug-ins can make your CSS cleaner, support variables and blends, convert future CSS syntax, inline images, and more.
  • PostCSS takes a CSS file and provides an API to analyze and modify its rules (by converting it to a Abstract Syntax Tree). Plug-ins can then use this API to do many useful things, such as automatically finding errors or inserting vendor prefixes.

Javscript

  • Awesome -javascript-cn javascript resources, including: package manager, loader, test framework, run, QA, MVC framework and library, template engine, etc
  • Awesome collection of browser-side javascript libraries, resources and shiny things.
  • Standardjs JavaScript style guide with linter and automatic code fixes
  • You-Dont-Know-JS Book series about JavaScript. @ydkjs on Twitter.

TodoMVC

  • Todomvc helps you select the MV * framework – Todo applications for React.js, ember.js, Angular, etc

date-fns

  • Date-fns Modern JavaScript date utility library

Function library

Underscore & Lodash

  • lodash

  • underscore

  • Modern JavaScript utility library that provides modularity, performance, and additional functionality.

Ramda

  • Ramdajs practical functional Javascript

Moment

  • Momentjs parses, validates, manipulates and displays dates in javascript.

day.js

  • Day.js replaces moment.js with the same modern API as the day.js 2KB immutable date and time library

Mathjs

  • Mathjs extensive JavaScript and Node.js math libraries

Polish

  • Polish.js is a lightweight toolset for writing JavaScript styles

Chance

  • Chancejs JavaScript random generator helper

HTTP

Httpie

  • Httpie just like/aitch-tee-tee-pie / 🥧 is suitable for the modern, user-friendly command-line HTTP client of the API era. JSON support, colors, sessions, downloads, plug-ins, etc.

Netdata

  • Netdata Real-time performance monitoring

Axios

  • Axios based PROMISer HTTP client for browsers and Node.js

json-server

  • Json-server gets the full fake REST API with zero encoding in less than 30 seconds (severe)

Svelte

  • Svelte Cybernetics enhanced Web applications

Vite

  • Vite is a native ESM-driven Web development build tool. It soon.

Vue.js

  • Vuejs website vue.js is an incremental, step-by – step JavaScript framework for building UIs on the Web.
  • Awesome – Vue list of awesome content related to vue.js
  • best-resume-everQuick build 🚀 easily create multiple beautiful resumes and create the best resumes ever! Made of Vue and LESS.
    • Vue cases many VUE component libraries

Component library

Element

  • Element works with the Vue.js 2.0 UI toolkit for the Web

iView

  • Iview is based on the high quality UI toolkit of Vue.js 2.0

Vuetify

  • Vuetifyjs Vue component framework

Ant Design Vue

  • Antdv is based on Ant Design and Vue’s enterprise UI components.

Quasar Framework

  • Quasar Quasar Framework- Build high performance VueJS user interfaces in record time

Vue Cli

  • Vue CLI vue.js developed as a standard tool

Vuex

  • Centralized state management of vuex vue.js.

vue-router

  • Vue-router Specifies the official router of vue.js

Weex

  • Weex is a framework for building mobile cross-platform UIs

Nuxt

  • Nuxtjs intuitive Vue framework

React

  • Reactjs is used to build declarative, efficient, and flexible JavaScript libraries for user interfaces.
  • Awesome -react collection of great things about the React ecosystem

Component library

Ant Design

  • Ant. Design UI design language and React UI library

Bulma

  • Bulma is based on Flexbox’s modern CSS framework

Material UI

  • The React component is used for faster, simpler Web development. Build your own design system, or start with material design.

Semantic UI

  • Semantic-ui semantics is a framework for UI components based on the useful principles of natural language.

Chakra UI

  • Chakra-ui is a simple, modular and accessible UI component for your React application

React Bootstrap

  • react-bootstrap

Tool library

Reactvirtualized

  • The ReactVirtualized React module effectively represents a large table and an virtualized table

React Select

  • React -select The select component of react.js

React Beautiful DND

  • React-beautiful-dnd Use React to easily and beautifully drag and drop lists

React Chrono

  • React-chrono React’s modern timeline component

Swr

  • The SWR React Hooks library is used for remote data fetching

React Query

  • React-query a hook for retrieving, caching, and updating asynchronous data in react

Redux

  • redux

  • A predictable state container for JavaScript applications

React Router

  • React-router Indicates the react declarative route

Create React App

  • Create-react-app sets up modern Web applications by running a command.

Create React Native App

  • Create-react-native app Creates react Native apps that run on iOS, Android, and the Web

Next.js

  • Nextjs React framework

Deno

  • Deno community

  • Deno secure JavaScript and TypeScript runtime

Node.js

  • Node Node.js JavaScript runtime

The tutorial

  • Node.js — Node.js — Node.js — Node.js — Node.js
  • Awesome – Nodejs Delightful Node.js packages and resources
  • Nodepractices Node.js Best Practices List (December 2020)
  • Cnode Node community

Tool set

nodemon

  • Nodemon monitors any changes in the Node.js application and automatically restarts the server – perfect for development

pm2

  • Pm2 Node.js Production Process Manager with built-in load balancer.

.

AdminBro

  • AdminBro is an administration panel for applications written in Node.js

Cote

  • Cote.js is used to build the Node.js library for zero-configured microservices.

Socket.io

  • Socket. IO Real-time Application Framework (Node.js server)

Nw

  • NWJS calls all Node.js modules directly from DOM/WebWorker and enables a new way to write applications using all Web technologies.

Straip

  • Strapi open source Node.js Headless CMS makes it easy to build customizable apis

Express

  • Express is a fast, simple, minimalist Node Web framework.

Koa

  • Koa uses the node.js expression middleware of ES2017 asynchronous functions

egg

  • Eggjs was born for building better enterprise frameworks and applications using Node.JS and Koa

Adonis

  • The AdonisJS Node.js framework is highly focused on developer ergonomics, stability, and confidence

Nest

  • nest
  • A progressive Node.js framework for building efficient, scalable enterprise server-side applications on top of TypeScript and JavaScript (ES6, ES7, ES8)

Next

  • Nextjs React framework

Nuxt

  • Nuxtjs intuitive Vue framework

Electron

  • electronicjs
  • The Electron framework enables you to write cross-platform desktop applications using JavaScript, HTML, and CSS. It is based on node.js and Chromium, and is used by the Atom editor, VSCode, and many other applications.

puppeteer

  • puppeteer

Puppeteer is a Node library that provides advanced apis for controlling Chrome or Chromium using the DevTools protocol. Puppeteer runs headless by default, but can be configured to run full (headless) Chrome or Chromium.

Rich text editor, code editor

Rich text editor

Simditor

  • Simditor a convenient wysiWYg editor

tui.editor

  • Editor Markdown A wysiWYG editor. GFM standard + diagrams and UML are extensible

Quill

  • Quilljs Quill is a modern WYSIWYG editor designed for compatibility and extensibility.

Draft

  • Draftjs is a React framework for building text editors.

MavonEditor

  • MavonEditor mavonEditor- A Vue-based Markdown editor that supports a variety of personalization features

Tiptap

  • Tiptap Vue.js’s render free rich text editor

Vue Quill Editor

  • Vue-quill-editor @quilljs editor component @vuejs

Tinymce

  • tinymce

  • TinyMCE is the world’s most popular open source WYSIWYG web-based editor. Used for rich text editing. React, Vue, and Angular

Simplemde

  • simplemde

  • A simple, beautiful, embeddable JavaScript Markdown editor. Both beginners and experts can easily edit. It has built-in auto-save and spell checking.

Simplemde Markdown Editor

  • simplemde-markdown-editor

  • A simple, beautiful, embeddable JavaScript Markdown editor. Both beginners and experts can easily edit. It has built-in auto-save and spell checking.

Editor

  • Editor.js has a block-style editor with clean JSON output

Medium Editor

  • Medium – Editor Medium.com wysiWYg editor clone. Use the Contenteditable API to implement the RTF solution.

Code editor

CodeMirror

  • Codemirror code editor in the browser

Monaco Editor

  • Monaco – Editor is a browser-based code editor

UI color matching

  • Web safe colors

  • Adobe Color

  • The color of China

  • uigradients

  • Palettable leverages the knowledge of millions of designers to produce beautiful color palettes.

  • Colorsupplyyy is a color selector for designers and illustrators

  • Webgradients is a free collection of 180 linear gradients that you can use as a content background for any part of your site. Easily copy CSS3 cross-browser code

  • Colrd creates color inspiration and shares it with the world.

  • Color matching table web design commonly used color matching table

Background Management project

Vue-Element-Admin

  • Vue-element-admin is a back-end front-end solution based on vUE and Element-UI implementations.

iview-admin

  • IView Admin is a set of background integration solution based on vue. js and combined with iView UI component library. It is developed and maintained by some members of TalkingData front-end visualization team.

ant-design-pro

  • Use Ant Design like a pro!

  • Out of the box midconsole front-end/design solutions.

vue-admin-beautiful

  • vue-admin-beautiful
  • Vue3, VUe3.0, vue, vue3.x, Vue. js, background management, administrator, Vue-Admin, Vue-Element-admin, mainline version based on element-Plus, Element-UI, ant- Design – Vue three parallel development and maintenance, Support for PC, phone, tablet, switch partitions to view different vUE versions, Element-Plus versions are available (vue3, vue3.0, vue, vue3.x, VuE.js)

antd-admin

Antd-admin is an excellent front-end solution for enterprise applications based on Ant Design and UmiJS

AdminLTE

  • AdminLTE AdminLTE- Free admin dashboard template based on Bootstrap 4

Tabler

  • Tabler Tabler is a free, open source HTML Dashboard UI suite built with Bootstrap

GIS and BIM

  • What is BIM+GIS? What can BIM+ GPS do?
  • A geographic information system (GIS) is a computer information system used to manage geographically distributed data.

cesium

  • Cesium website
  • Cesium is a common repository for 3D geographic visualization, which is commonly used in large-scale visualization (terrain, architecture, earth).

Leaflet

  • Leaflet is the most famous front-end map visualization library. It is open source, small in size, clear in structure and easy to use.
  • JavaScript library for interactive maps for mobile devices

mapbox

  • Mapbox website
  • Mapbox GL JS is the latest front end map library out there, with impressive vector compression, dynamic styling, and 3D performance. It is open source, but generally relies on Mapbox’s mapping service.
  • Mapbox.js is an extension to Leaflet (unlike Mapbox GL JS).

ArcGIS

  • ArcGIS API for JS is a relatively academic front end map library. It is a part of ArcGIS development suite and has good cooperation with ArcGIS software on desktop and server. It is not open source and the price is not low. It is commonly used in academic scenarios.

Openlayers

  • Openlayers is also a common front end map library, which is open source and more complex and complete than Leaflet.

Baidu map JS/Baidu map GL

  • Baidu Map JS API is a traditional two-dimensional map, baidu map API GL is a three-dimensional map, they rely on the background services provided by Baidu Map. In addition to the map service, there are retrieval, navigation, real-time traffic and other related services. Developers have a free quota.

Autonavi MAP JS

  • Autonavi’s JS API is similar to Baidu’s.

Google Maps JS

  • The Google Maps JS API has better data outside of China.

AntV L7

  • AntV L7 is a spatial data visualization library, which can use amap and other collaboration to build map visualization.

team

GIT

  • Learngitmoderation interactive Git Visualization challenges and educates!
  • Git tutorial: the most detailed, the most stupid, the most simple, really hands-on!
  • “Once and for all” A brain map shows you how to master Git commands
  • Git Basic operation, one article is enough!
  • How to use Git gracefully
  • Use Git practice in VSCode and learn to double the efficiency
  • Super detailed Git concise tutorial and command daquan
  • Gracefully Commit your Git Commit Message
  • Frequently used Git commands

husky

  • husky
  • Git hooks made easy 🐶! Precommitted hook

Pre Commit

  • pre-commit

  • Automatically installs a Git pre-commit script in your Git repository that runs your NPM test on pre-commit

lint-staged

  • Lint-passage Run linters on the Git staging file

Plop

  • Consistency becomes easier

  • Plop is a gadget that can save you time and help your team build new files in a consistent way.

hyper

  • Hyper web-based terminal

Rocket.Chat

  • Rocket. Chat/the ultimate free open source solution for team communication.

Static Website Generator

  • Static Site Generator (SSG) is a tool that can generate a bunch of HTML, CSS, and JS files so that you can quickly deploy to a WEB server without having to install and configure a database.
  • Static website has the characteristics of fast, stable and easy to maintain.

Gatsby

  • Gatsby uses React to build fast, modern apps and websites

react-static

  • React-static a progressive static site generator for React.

Hexo

  • Hexo is a fast, simple, and powerful blogging framework supported by Node.js.

VuePress

  • VuePress 📝 Minimalist Vue powered static website generator

Docusaurus

  • Docusaurus easy to maintain open source documentation site.

Docsify

  • Docsify is an amazing document site generator.

API development tools

Hoppscotch

  • hoppscotch

  • A free, fast, and beautiful API request builder for over 100,000 developers.

  • Hoppscotch is actually a Postwoman and is written based on NodeJS. The main features of Hoppscotch include support for GraphQL and WebSocket in addition to mainstream Restful interface debugging.

Postman

  • postman
  • Postman is a collaboration platform for API development. Postman’s functionality simplifies every step of building an API and simplifies collaboration, so you can create better apis faster.

Code specification

ESLint

  • ESLint finds and fixes problems in JavaScript code.

Prettier

  • Prettier is a smart-ass code formatter.

Build Tools: Build Tools

Parcel

  • Parcel is a fast, zero-configured Web application bundle

  • Parcel not only provides all the functionality required for modern front-end development, but also has the crushing advantage of zero configuration! This is the biggest difference from Webpack, which relies on a lot of “loaders”.

Webpack

  • webpack
  • Javascript and friends bunder. Package many modules into a few bundled assets. Code splitting allows certain parts of the application to be loaded on demand. Through the “loader”, modules can be CommonJs, AMD, ES6 modules, CSS, images, JSON, Coffeescript, LESS, etc.

Gulp

  • gulp

  • Toolkit for automating and enhancing your workflow

Rollup

  • rollupjs

  • Next generation ES module bundler

The test framework

Jest

  • jestjs

  • Pleasant JavaScript testing.

AVA

  • ava
  • The Node.js test runner lets you develop with confidence

Cypress

  • Cypress provides fast, easy and reliable testing of everything running in the browser.

Puppeteer

  • Puppeteer is a headless Chrome Node.js API

IDE and editor

An Integrated Development Environment (IDE) is an application that provides a program Development Environment, typically including tools such as a code editor, compiler, debugger, and graphical user interface. Integrated code writing function, analysis function, compiling function, debugging function and other integrated development software service set. Any software or suite (group) of software that has this feature is called an integrated development environment. Such as Microsoft’s Visual Studio series, Borland’s C++ Builder, Delphi series, etc. The program can be run independently or used with other programs. Ides are mostly used to develop HTML applications.

VS Code

  • vscode

Atom

  • Atom
  • Jailable text editors

Sublime

  • sublime
  • Complex text editor for code, markup and prose

Compile tools

TypeScript

  • Typescript typescript is a superset of JavaScript that compiles to clean JavaScript output.

Flow

  • Flow adds static typing to JavaScript to improve developer productivity and code quality.

Babel

  • Babel Babel is a compiler for writing the next generation of JavaScript.

Icon, font library

Icon library

Iconfont

  • Iconfont Alibaba vector icon library

Material Design icons

  • Material Design ICONS Google’s Material Design ICONS, including a color palette preview

IcoMoon

  • IcoMoon Free vector icon

Orion

  • Orion free SVG vector ICONS

Font Awesome

  • Fontawesome the iconic SVG, font and CSS toolkit

SuperTinyIcons

  • SuperTinyIcons below 1KB each! Super Tiny Icons are miniature SVG versions of the logos for your favorite websites and applications

Feather

  • Feather simple and beautiful open source icon

Zondicons

  • Zondicons a set of free advanced SVG ICONS for your use on digital products

Ionicons

  • Ionicons are advanced hand-crafted ICONS created by Ionic for use in Ionic applications and Web applications around the world

Maki

  • Maki POI icon set
  • Maki is an icon set designed for map designers. Maki include ICONS of common attractions such as parks, museums and places of worship. Each icon can be used as SVG and comes in two sizes: 11px x 11px and 15px x 15px.

The font

Google Fonts

  • Google font

Free Fonts

  • free font

CSS animation library

  • The selection is a selection of animation libraries that have been maintained for nearly a year

Keyframes

  • Keyframes help you write better CSS

Spinkit

  • Spinkit animates a collection of load indicators using CSS

Animate.css

  • animate
  • Animate. CSS is a ready-to-use cross-browser animation library that you can use in your Web projects. Great for highlights, home pages, sliders and tips that guide attention.

Anime

  • Anime JavaScript animation engine

Svg

  • SVGJS is a lightweight library for manipulating and animating SVG

Snap

  • Snapsvg is a JavaScript library for modern SVG graphics.

Dynamics

  • Dynamicsjs Dynamic.js is a JavaScript library for creating physics-based animations

Three

  • Three. Js JavaScript 3 d library

ScrollReveal

  • Scrollrevealjs animates the element as it scrolls into the view.

GSAP

  • GSAP is suitable for professional-grade JavaScript animation for the modern web

Magic

  • Magic CSS3 animation with special effects

Pixi

  • Pixi.js HTML5 creation engine: Create beautiful digital content using the fastest and most flexible 2D WebGL renderer.

Tween

  • Tween. js JavaScript animation engine

ScrollTrigger

  • ScrollTrigger lets your page react to scrolling changes.

Parallax

  • parallax

  • A parallax engine that responds to the direction of a smart device

  • It looks good, but it hasn’t been maintained in a while

Matter

  • Matter

File upload

Uppy

  • uppy

  • The next open source file uploader for Web browsers

FileSaver

  • Filesaver HTML5 saveAs() Filesaver implementation

Filepond

  • Filepond is a flexible and interesting JavaScript file upload library

React Dropzone

  • React-dropzone uses the simple HTML5 drag and dropzone of react.js.

UI

Layui

  • Layui uses its own module specification written front-end UI framework, following the native HTML/CSS/JS writing form, very low threshold, ready to use.

Styled Components

  • Styled – Components visual primitives for the age of the components. Use the best features of ES6 and CSS to easily style your application

Tailwindcss

  • Tailwindcss utility is a priority CSS framework for fast UI development.

Storybook

  • Storybook UI component browser. Develop, document, and test React, Vue, Angular, Ember, Web Components, and more!

Ionicframework

  • ionicframework

  • Powerful cross-platform UI toolkit for building native-quality iOS, Android and Progressive Web Apps using HTML, CSS and JavaScript.

Material Design Lite

  • Getmdl Material design component in HTML/CSS/JS

Reveal.js

  • Revealjs is an open source HTML presentation framework. It is a tool that allows anyone with a Web browser to create full-featured and beautiful presentations for free.

Headlessui

  • Headlessui is a completely unstyled, fully accessible UI component designed to integrate perfectly with Tailwind CSS.

Chart, data visualization

Chart

  • chartjsuse<canvas>Simple HTML5 chart for TAB

D3

  • D3 brings data to life with SVG, Canvas and HTML.

Incubator Superset

  • Superset. Incubator Apache Superset is a data visualization and data exploration platform

echarts

  • Echarts Apache Echarts (incubating) is a powerful interactive chart and data visualization library for browsers

The mobile terminal

uni-app

  • Uni-app is a unified framework for developing small programs, H5, apps using Vue syntax

weex

Create React Native App

Flutter

MPVue

  • Mpvue based on vue. js small program development framework, from the long-term support vue. js syntax and built-in tool system.

Taro

  • taro

  • Open cross-end cross-framework solutions, support the use of camp/Vue company/NERV and other frameworks to develop wechat/JD.com/Baidu/Alipay/Bytedance/QQ mini program/H5 and other applications.

Lottie Web

  • Lottie – Web localizes After Effects animations on the Web, Android and iOS, and React Native.

DiscreteScrollView

  • DiscreteScrollView

  • A scrollable list of items, centered on the current element, and providing an easy-to-use API for cool project animation.

Android-SpinKit

  • Android-SpinKit Android loading animation

React Native Elements

  • React Native Elements Cross-platform React Native UI toolkit

React Native Firebase

  • react-native-firebase
  • Tested feature-rich modular Firebase implementation for React Native. All Firebase services are supported on both iOS and Android platforms.

React Native Snap Carousel

  • react-native-snap-carousel
  • React Native slider/carousel components with previews, multiple layouts, parallax images, high performance handling for a large number of projects, and more. Compatible with Android and iOS.

React Native Calendars

  • React-native calendars about reflecting native calendar components 🗓️ 📆

Joplin

  • joplin
  • Joplin- Open source note-taking and to-do list app with Windows, macOS, Linux, Android and iOS syncing

Appium

  • Appium 📱 for automation for iOS, Android and Windows Apps.

NativeBase

  • NativeBase React Native is the basic cross-platform UI component

Framework7

  • Framework7 is a full-featured HTML framework for building iOS and Android applications

VSCode plug-in

  • Specific can see THE VSCode CRPER nuggets article, from the first, as if a total of 15, below the strip down some used

  • VS Code Toss – (1) Bullshit

vue

  • Vue-vscode-snippets Vue code snippets
  • Vuter
  • Vue TypeScript Snippets: in view of thevuethetsCode snippet

React

  • ES7 React/Redux/GraphQL/React-Native snippets : Best to usesnippetSummary, very comprehensive, wall crack recommended!!
  • React Native snippets: RN snippets
  • React-explorer – Addons: Added the right mouse button to generate the react component template directly
  • React PropTypes Intellisense: React props
  • vscode-styled-components:styled-componnentsThe support for highlighting includes intelligent tips
  • styled-components-snippets : styled-componentsCode snippets for
  • React PropTypes Generate: Is generated by one bondreacttheproptypes, don’ttsIs a must have.

Wechat small program

  • mpvue snippets: mpvueSome code snippets, as well as some native small program code tips
  • minapp:VS CodeWrite small program essential plug-in, there are many useful features integration

The test code

  • Jest: allows you to writeJestThe code has an IDE feel
  • Mocha Test Explorer: in view of themochaThe GUI for testing gives the editor a separate section
  • Coverage Gutters: It is possible to visually see areas of your code Coverage

Code visualization improvements

  • Polacode: Generates a nice screenshot of your code, beautiful, based on your current theme color scheme
  • Vscode – Galling: The code page shows the color code and the corresponding color. Very practical
  • Json Editor: Very useful visualizationJSONEditor, not to be missed
  • Subtle Match Brackets: Highlighting your configured closures quickly is great for focusing our cursor block code
  • vscode-live-server: a very comprehensive HTML preview tool that supports many practical development features such ashttps.The agent.cros

formatting

  • prettier
  • ESLint
  • Prettier ESLint

The theme

  • Dainty
  • Umi
  • Min Theme
  • Snazzy Plus
  • Hypersubatomic
  • VSCode Great Icons
  • Vue Theme
  • Palenight Theme
  • Horizon Theme

Messy tools

Epic Spinners

  • Epic – Spinners easy to use CSS spinner collection integrated with vue.js

Nprogress

  • Nprogress works with slim progress bars on YouTube, Medium, etc

Nodemailer

  • Nodemailer sends emails using Node.js – as easy as cake!

Driver

  • Driver is a lightweight, undependent primitive JavaScript engine that draws the user’s attention on the page

Dayjs

  • Dayjs replaces moment.js with the same modern API as the day.js 2KB immutable date and time library

Glider

  • Glider.js is a fast, lightweight, and dependent-free alternative to native scrolling roasters!

Mockjs

  • Mock simulates the data generator

Faker

  • Faker.js generates a lot of realistic fake data in Node.js and the browser

Sailsjs

  • Sailsjs fits into Node.js’s real-time MVC framework

Swiper

  • Swiper’s most modern mobile touch slider, with hardware accelerated transitions

FullPage Scroll in full screen

  • FullPage Alvaro Trigo fullPage plugin. Create full screen pages quickly and easily

Screenfull. Js full screen

  • Screenfull is a simple wrapper for cross-browser use of the JavaScript full-screen API

Html2canvas screen capture

  • Html2canvas uses screen captures in JavaScript

The Prism code is highlighted

  • Prism’s lightweight, robust, elegant syntax is highlighted.

Draggabilly drag

  • Draggabilly makes the element dragable

Modernizr

  • Modernizr Modernizr is a JavaScript library that detects HTML5 and CSS3 functionality in a user’s browser.

HTML 5 – boilerplate template

  • Html5-boilerplate is a professional front-end template for building fast, robust and adaptable Web applications or websites.

Magic Of Css

  • Magic-of-css CSS courses that make you a magician.

Odometer

  • Odometer easily and smoothly transitions numbers

Proton particles

  • Proton Javascript particle animation library

Particle. Js particles

  • Particle is a lightweight JavaScript library for creating particles

ParticleEffectsButtons

  • ParticleEffectsButtons a small library that can be used to break particle effects on buttons and other elements

Fabric. Js canvas

  • fabric
  • Hyperledger Fabric is an enterprise-licensed distributed ledger framework for developing solutions and applications. Its modular and generic design satisfies a wide range of industry use cases. It provides a unique consensus approach to achieving large-scale performance while maintaining privacy.

Sortable

  • Sortable creates and reorders lists by drag-and-drop. Suitable for modern browsers and touch devices

jsPDF

  • JsPDF client-side JavaScript PDF generation for everyone.

Video

  • videojs
  • Video.js- Open source HTML5 and Flash Video player

Better Scroll

  • Inspired by Iscroll, better Scroll supports more features and has better scrolling performance

PDF

  • pdf

  • PDF reader in JavaScript

Clipboard

  • clipboardjs

  • Modern copy to clipboard. No flash. After compression, only 3KB 📋

Nylas Mail

  • nylas-mail
  • Scalable desktop mail application based on modern networks. Welcome!

Sheet

  • Sheetjs SheetJS Community Edition – Spreadsheet data kit

React Content Loader

  • React-content-loader SVG powered components make it easy to create skeleton loads.

SkeletonView

  • SkeletonView is an elegant way to show users what’s going on and prepare them for what they’re waiting for

Match Sorter

  • Match-sorter Simple, expected and deterministic best match sorting of arrays in JavaScript

Luckysheet

  • Luckysheet is an online spreadsheet like Excel that is powerful, easy to configure and fully open source.

GraphQL

Hasura

  • hasura

  • Postgres with fine-grained access control has a fast, real-time GraphQL API that also triggers Webhooks for database events.

Preact

  • preactjs
  • Fast 3kB React alternative with the same modern API. Components and the virtual DOM.
  • You can find some great libraries in the awesome preact list

Realworld

  • realworld
  • “Mother of all demo Applications” – an exemplary full stack Medium.com clone supported by React, Angular, Node, Django, and more

Type Fest

  • Type section A collection of basic TypeScript types

Edex UI

  • Edex-ui features advanced monitoring and touch screen support for a cross-platform, customizable science fiction terminal emulator.

Serverless

  • serverless
  • Serverless Frameworks – Build Web, mobile, and IoT applications using serverless architectures with AWS Lambda, Azure Functions, Google CloudFunctions, and more!

Meteor

  • Meteor JavaScript application platform

Snowpack

  • Snowpack WASM supports front-end build tools. Fast, lightweight, unbundled ESM. ✌ ️

Headless Recorder

  • Headless-recorder is a Chrome extension that records your browser interactions and generates dummy or playscript scripts.

.gitignore

  • Gitignore Collection of useful. Gitignore templates

Cheatsheets

  • Cheatsheets memo

LightHouse

  • LightHouse is an open source automation tool designed to improve the quality of web applications.

  • You can run it as a Chrome extension or from the command line.

Can I Use

  • Caniuse raw browser/feature support data from Caniuse.com

Carbon

  • Carbon creates and shares beautiful images of the source code

ios font

  • ios font

  • IOS font query and IOS font query are supported.

TinyPNG

  • TinyPNG

  • PNG/JPG image online compression tool, smart PNG and JPEG image compression.

  • TinyPNG uses intelligent lossy compression techniques to reduce the file size of your PNG files. By selectively reducing the color in the image, only a few bytes are needed to save the data. The visual impact is almost invisible, but there is a huge difference in file size.

Shape Divider

  • Shape Divider

  • SVG tool for customizing various shapes of web site partitions. Once you have adjusted the shape you want, you can copy and download it with one click.

Json formatting

  • Json formatting

  • This is an online json parsing site

  • Functions include: JSON online parsing, JSON formatting, JSON format verification, JSON to XML, XML to JSON, JSON compression, JSON escape, JS obconfusion encryption, JSON to entity, JSON online, JSON verification.

FeHelper

  • JSON Beautification Tool
  • FH has a range of handy tools

sojson

  • Sojson is a website with many features!

Docz

  • Docz recording your stuff has never been so easy!

Bug detection tool

  • Fundebug
  • Vue-devtools Browser DevTools extension for debugging vue.js applications.
  • Redux-devtools-extension Redux DevTools extension.
  • React-native debugger a standalone application based on the React Native official debugger, including react Inspector/Redux DevTools
  • NDB is an improved debugging experience for Node.js supported by Chrome DevTools
  • Debug a tiny JavaScript debugging utility that mimics Node.js core debugging techniques. Available in Node.js and Web browsers
  • Wproxy HTTP, HTTP2, HTTPS, Websocket debugging proxy
  • Spy – Debugger wechat debugging, various WebView style debugging, mobile browser page real machine debugging. Convenient remote debugging mobile phone page, packet capture tool, support: HTTP/HTTPS, no USB connection device.

Online editing

  • Jsbin collaborates with JavaScript to debug applications
  • Codepen

Excellent Websites at home and abroad

domestic

  • The Denver nuggets
  • Zhang Xinxu’s blog
  • Liao Xuefeng’s official website
  • Ruan Yifeng’s web log
  • Convex laboratory
  • Meituan technical team
  • Ant Experience technology
  • ElemeFe
  • Modern JavaScript Tutorials
  • Introduction to ES6 teaching
  • .

foreign

  • CSS-Tricks
  • 30 seconds of code
  • scotch
  • freeCodeCamp
  • stackoverflow
  • sitepoint
  • egghead
  • SMASHING
  • samanthaming
  • exercism
  • .

Excellent front-end learning guide on GitHub

  • Frontendchecklist is the perfect frontendchecklist for modern websites and meticulous developers
  • The answers to the famous H5BP “Front-end Interview Questions” on the front-end Interview-handbook are no nonsense
  • The Tech-interview – Handbook helps you complete your next coding interview
  • Daily-Interview-Question working day every day a factory in front of the end test, a year later to look back, will thank their efforts!
  • Developer Design Resources A list of selected design and UI resources from stock photos, Web templates, CSS frameworks, UI libraries, tools, and more
  • Javascript javascript style guide
  • Javascript A repository for all algorithms implemented using Javascript (for educational purposes only)
  • Javascript algorithms Algorithms and data structures implemented in javascript, with links to explanations and further reading
  • Learn -javascript GitBook teaches the basics of programming using javascript
  • A long list of (advanced) JavaScript questions and their explanations
  • The concept of clean code applies to javascript
  • Javascript30 30 day JS challenge
  • 33-js-Concepts 33 concepts that every JavaScript developer should know.
  • FCC China Open source code library and courses. Learn to code and help nonprofits.
  • Awesome -interview- Questions list Anytime to contribute!
  • Leetcode – Solution Leetcode Solution: A Record of My Problem Solving Journey.
  • Project-based-learning a selected list of project-based tutorials
  • Free -programming-books-zh_CN Free -programming-books-zh_CN
  • You-Dont-Know-JS Book series about JavaScript. @ydkjs on Twitter.
  • Freecodecamp freeCodeCamp.org open source library and class schedule. Learn to code at home.
  • Javascript – patterns javascript patterns
  • Project-guidelines A set of best practices for JavaScript projects
  • Hu yu blog Hu Yu currently write four series: JavaScript depth series, JavaScript thematic series, ES6 series, React series.
  • Modern JS cheat sheet A cheat sheet about JavaScript knowledge that is often encountered in modern projects.
  • Every day 3+1, to interview questions to drive learning, advocate daily learning and thinking, a little progress every day!
  • Reactjs – Interview-Questions reactJS – Interview-Questions Coding exercises coming soon!!
  • 30-seconds-of-interviews is a selection of common interview questions that will help you prepare for your next interview.
  • Companies where the hiring process has not broken down
  • Awesome list of all kinds of interesting topics
  • AndroidInterview-Q-A Top Internet companies android interview questions