Dedicated to helping you learn frontend development in the most intuitive and fastest way

Dreaming of being a salted fish

A bug maker.

Middle-aged coder, focused on full-stack development and teaching

Empowering every dream

Attain the ultimate void, hold fast to quietude

Front-end development, Open source

Passion and enthusiasm never cease.

The water flows incessantly, without vying for precedence.

Without small steps, one cannot reach a thousand miles

Seek knowledge as if foolish, remain open-minded as if empty

With ideals in heart, gaze at the stars, and work diligently

A cup of tea, an internet connection, and a computer

The world remains bustling, may you stay true, brave, and free 😃

To handle things with ease now, one must bear the burden before

No women in heart, coding becomes divine

What you keep in mind will surely resonate

Juejin is a technical blog platform where programmers publish technical articles and share knowledge

Open Source Software Insight

A newsletter of JavaScript articles, news, and cool projects

Annual developer survey of the JavaScript ecosystem

Weekly curated updates, handpicked frontend news. — Created by Tong Ouba

Roadmap to becoming a web developer.

A free CDN for open-source projects

Generate high-quality badge icons for your open-source projects

namae helps you find great names for your applications, web services, or organizations

Shares quick reference cheat sheets for developers

Check browser support for API compatibility

The easiest way to configure high-performance, secure, and stable NGINX servers

Stable, fast, and free CDN acceleration service for frontend open-source projects

Discover free, commercially usable resources

🦕 Comprehensive collection of commonly used regular expressions, supporting multiple platforms like web, VSCode, IDEA, and Alfred Workflow

Documenting web technologies since 2005, including CSS, HTML, and JavaScript.

The "ECMAScript 6 Tutorial" is an open-source JavaScript language tutorial that comprehensively introduces the new syntax features of ECMAScript 6

"TypeScript Deep Dive" is an excellent open-source book that covers TypeScript from basics to advanced topics, suitable for both beginners and experienced developers

A high-quality Rust tutorial

Online tools for developers, including code formatting, compression, encryption, decryption, download link conversion, ICO icon creation, and worksheet generation

Rookie Tools provides online tools for developers and designers, including PHP, Python, CSS, JS debugging, Chinese simplified/traditional conversion, and base conversion

Free online flowchart and mind map tool

Generate Terminal GIFs online

A web tool for exploring AST syntax trees generated by various parsers

Convert various data formats and objects

Open-source API development ecosystem

A simple online JSON parser

API documentation, debugging, mocking, and automated testing

The world’s largest software project hosting platform, discover excellent open-source projects

Gitee is China’s leading Git-based code hosting platform, similar to the globally renowned GitHub

Deliver secure code faster, deploy to any cloud, and drive business results

Gitea is an open-source, community-driven, lightweight code hosting solution, written in Go and licensed under MIT

Provides a one-stop R&D management platform and cloud-native development tools, making software development simple and efficient, helping enterprises improve R&D efficiency

Vercel combines the best developer experience with an obsessive focus on end-user performance

Netlify is a cloud platform for hosting static websites, supporting automatic code pulling from repositories like Github, GitLab, Bitbucket, and handling project building and deployment

An open-source and self-hosted alternative to Heroku/Netlify

The world’s largest software project hosting platform, discover excellent open-source projects

Bring your code, we’ll handle the rest

Supabase is an open-source Backend-as-a-Service (BaaS) platform that helps developers quickly build applications without writing backend code

CodeSandbox is an online code editor and prototyping tool that enables faster creation and sharing of web applications

The best place to build, test, and discover frontend code

Stackblitz provides an instant development experience in the flow. No more hours of stashing/pulling/installing locally—just click and start coding

The official web-based VSCode editor provided by VSCode

Used to create live-running code editing experiences

Progressive JavaScript framework

Provides expressive, configurable, and convenient routing for Vue.js

Build your next Vue.js application with confidence using Nuxt. Makes web development simple and powerful.

Vue state management you’ll enjoy using

Collection of essential Vue Composition Utilities

A Vite-native unit testing framework. It’s fast!

A JavaScript library for building user interfaces

Next.js provides all the features needed for production and the best development experience, including static and server-side rendering, TypeScript support, smart bundling, route prefetching, and more, with no configuration required

A small, fast, and scalable Bearbones state management solution using simplified flux principles. Has a comfortable hook-based API, not boilerplate-heavy or opinionated.

A powerful React Hooks library

React Hooks library for data fetching

Powerful asynchronous state management for TS/JS, React, Solid, Vue, and Svelte

Framer Motion is an open-source animation library for React, providing a simple and easy-to-use API to create smooth, high-performance animations, making web applications and interfaces more engaging and appealing.

Build your next application with Umi for a simple and enjoyable web development experience

Tailwind CSS is a utility-first CSS framework that integrates classes like flex, pt-4, text-center, and rotate-90, which can be composed directly in markup to build any design

Windi CSS is the next-generation utility-first CSS framework

The smallest, fastest, most feature-complete Tailwind-in-JS solution in existence

Instant on-demand atomic CSS engine

Bootstrap is the world’s most popular frontend open-source toolkit, supporting Sass variables and mixins, a responsive grid system, a large number of components, and powerful JavaScript plugins. With Bootstrap’s robust features, you can quickly design and customize your website

w3schools CSS tutorial from basic to advanced

CSS Inspiration

Common CSS Styles

A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup

A pixel-style CSS framework

Claymorphism style CSS

Animation Made Easy

We empower anyone to create, share, and use beautiful custom elements made with CSS and HTML.

Glassmorphism generator

A collection of different generators to make your life easier.

A great tool for quickly and easily implementing CSS shadow-based effects. Just specify some shadow settings, and the code is on its way.

Fancy border radius, helps create CSS fancy borders.

Create color palettes

A Vue 3 component library for designers and developers

A Vue 3 component library, fairly complete, with customizable themes, built with TypeScript, fast, and quite interesting

An enterprise-class UI design language and React component library

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TDesign is an enterprise-class design system created by Tencent’s various business teams during their service processes

An enterprise-class design system by ByteDance

Vuetify is a Vue UI Library with beautifully handcrafted Material Components. No design skills required—everything you need to create amazing applications is at your fingertips

A popular React UI framework

Vben is a backend management framework based on Vue3, Vite, and TypeScript

Frontend frameworks party 🎉, an overview of web component JS frameworks through their syntax and features

A JavaScript utility library delivering consistency, modularity, performance, and extensibility

wasm is a portable, small-sized, fast-loading, and web-compatible format

A powerful H5 animation library

A powerful 3D JavaScript library

Jest is a delightful JavaScript testing framework with a focus on simplicity

Fast, easy, and reliable testing for anything that runs in a browser

Playwright provides reliable end-to-end testing for modern web applications

Node.js is a JavaScript runtime built on Chrome’s V8 engine

A modern runtime for JavaScript and TypeScript

Bun is a fast all-in-one JavaScript runtime

NPM is the world’s largest package manager

Yarn is a package manager that doubles as a project management tool. Whether you’re working on small projects or large monorepos, hobbyist or enterprise user, Yarn meets your needs

A fast, disk-space-efficient package manager

"Node.js Tech Stack" is the learning journey of author @MayLord in Node.js development, hoping these sharings help friends learning and using Node.js

Axios is a promise-based HTTP client for the browser and Node.js

A fast, open, and minimalist web development framework based on Node.js

A progressive Node.js framework for building efficient and scalable server-side applications

Deno’s next-generation web framework, built for speed, reliability, and simplicity

Socket.IO is a library that enables real-time, bidirectional, and event-based communication between the browser and the server

tRPC is a lightweight, type-safe remote procedure call framework built with TypeScript, enabling developers to easily write and deploy high-performance distributed applications

Socket.IO is a library that enables real-time, bidirectional, and event-based communication between the browser and the server

TypeORM is an ORM framework that runs on NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, Expo, and Electron platforms, and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8)

Prisma is a next-generation ORM framework for Node.js and TypeScript

GraphQL is both a query language for APIs and a runtime for fulfilling data queries

An open-source JavaScript-based visualization chart library

Ant Group’s new-generation data visualization solution, bringing data to life

Webpack is a static module bundler for modern JavaScript applications. When Webpack processes an application, it recursively builds a dependency graph containing every module the application needs and then bundles all those modules into one or more bundles

Rollup is a JavaScript module bundler that compiles small pieces of code into larger, more complex code, such as libraries or applications

A next-generation frontend toolchain providing lightning-fast responses for development

Turborepo is a high-performance build system for JavaScript and TypeScript codebases

Turbopack is an incremental bundler optimized for JavaScript and TypeScript, written in Rust

SWC is an extensible Rust-based platform for next-generation fast development tools

A professional UI/UX design tool for teams, supporting simultaneous editing, real-time reviews, and one-click design delivery to bring ideas to life faster

A professional-grade UI design tool that can be edited in the cloud, tailored for Chinese designers, a collaborative version of Sketch that works on Windows

Figma is a design tool built for UI design, offering the same basic operations and features as Sketch, plus powerful features tailored for UI design

A one-stop solution for prototyping, design, interaction, and delivery, improving efficiency for digital team collaboration

Thousands of icons, one unified framework

Icon Explorer with Instant searching, powered by Iconify

iconfont is a powerful and content-rich vector icon library in China, offering vector icon downloads, online storage, and format conversion

Simple and beautiful open-source icons

A constantly updated design project with beautiful SVG images, completely free to use

Icons, illustrations, photos, music, and design tools

Emoji Collection

A website with millions of automatically generated gradients

A website for generating gradient backgrounds

A dynamically generated customizable SVG typing effect

Build cross-platform desktop applications with JavaScript, HTML, and CSS

Tauri is a framework for building tiny, fast binaries for all major desktop platforms

Flutter is Google’s open-source application development framework, enabling beautiful, natively compiled multi-platform apps from a single codebase

uni-app is a framework for developing all frontend applications using Vue.js, allowing developers to write one codebase and deploy to iOS, Android, Web (responsive), and various mini-programs (WeChat/Alipay/Baidu/Toutiao/QQ/Kuaishou/DingTalk/Taobao) and fast apps

Taro is an open cross-end and cross-framework solution supporting frameworks like React/Vue/Nerv to develop apps for WeChat/JD/Baidu/Alipay/ByteDance/QQ/Feishu mini-programs, H5, and React Native

Vue-powered static site generator built with Vite

Vue-powered static site generator

Quickly build content-centric websites

A fast, simple, and efficient blog framework

GitBook helps you publish beautiful documentation for users and centralize your team’s knowledge for advanced collaboration

Docsify quickly helps you generate documentation websites

WordPress is open-source software for building great websites, blogs, or applications

Unofficial GitHub star ranking for users, organizations, and repositories

Create your own metrics

A Github profile README generator

Get dynamically generated GitHub stats in your README!