Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.
Composite Font Studio · 复合字体工坊 · 複合字型工坊 · 合成フォント工房 — InDesign-style composite fonts for CJK and Western text, tuned per weight. Export CSS, TTF / OTF / WOFF2, or app code.
Coding articles to level up your development skills
24 Lessons, 12 Weeks, Get Started as a Web Developer
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
A professional front-end template for building fast, robust, and adaptable web apps or sites.
Prettier is an opinionated code formatter.
The largest open-source library of animated, interactive, and customizable React & Next.js components for building standout web products and experiences. Built for humans and AI agents.
Front End interview preparation materials for busy engineers (updated for 2026)
The zero configuration build tool for the web. 📦🚀
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
A CSS-first, native, zero-build layout and styling framework for web designers.
Swagger UI is a collection of HTML, JavaScript, and CSS assets that dynamically generate beautiful documentation from a Swagger-compliant API.
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
A set of small, responsive CSS modules that you can use in every web project.
A set of over 6200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Parse CSS and add vendor prefixes to rules by Can I Use
Cross-platform React UI packages
Less. The dynamic stylesheet language.
A habit tracker app which treats your goals like a Role Playing Game.
The open curriculum for learning web development
Turn your Notion workspace into a fast, customizable website. Built with Next.js + Notion API, with multi-platform deployment and no self-hosted server required.
An extended table for integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
A mighty CSS linter that helps you avoid errors and enforce conventions.
Extract & Inline Critical-path CSS in HTML pages
Beautifier for javascript
The utility-first workflow you love from Tailwind CSS in your React Native applications.
Win12 Online
Catch CSS curve balls.
Stylus - Userstyles Manager
A web component for visual art and creative coding
Free React Admin & Dashboard Template Built for AI-Assisted Development
🚀 Open-source, self-hosted P2P WebRTC video conferencing for fast, private real-time communication. Create browser-based meeting rooms with no downloads or time limits, plus screen sharing, chat, whiteboard, recording, and collaboration.
YouTube / Video Browser-Extension. [Top1 FOSS.] Enrich your experience & choice! 🧰Smart features📌set & forget📌300+ tweaks. Longest-standing. Join🧩us?👨👩👧👧 ⋮ {playback|discovery|extra player buttons|quality|codec|full tab|full screen|no distraction|shorts}
毒奶去网页广告计划用户脚本 For Quantumult X & Surge & Shadowrocket & Loon & Stash & 油猴 ;1.导航 2.通过 JS/CSS 移除特定网站网页广告 —— 搜索引擎(Bing/Google)广告及内容农场结果清除/低端影视/欧乐影院/iyf爱壹帆/哔滴影视/Pornhub/Javbus/Supjav/Jable(M3U8)/MissAv/91porn/hitomi/紳士漫畫/禁漫天堂/等视频&ACG&小说&漫画网站上的弹窗广告&视频广告&Gif广告,沉浸式翻译/提取M3U8等,保持网页清爽干净无打扰! P.S. 欢迎提交issue
Mobile UI components made with Tailwind CSS
The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
Compiles Sass to CSS
Fomantic-UI is the official community fork of Semantic-UI
Browser extension for rendering an isometric pixel art version of your GitHub contribution graph.
OpenUI5 lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice.
Juice inlines CSS stylesheets into your HTML source.
The text editor designed to make coding as simple and fun as playing a video game
PostCSS loader for webpack
Collection of frontend challenges for learning and interviews
Color conversion & manipulation library by the editors of the CSS Color specifications
✦ My personal website built using Next.js, Tailwind CSS, shadcn/ui, Contentful, Raindrop, Supabase and deployed on Vercel.
Headless Chromium-based web performance metrics collector and monitoring tool
A simple but powerful API for processing & compiling assets built around Webpack
⚡️🎨 A starting point for crafting living style guides.
Download website to local directory (including all css, images, js, etc.)
Life is a moment :notebook_with_decorative_cover:
A list of awesome web animation libraries, books, apps etc.
Here you will find different web development mini projects which are made up of HTML, CSS & little bit of JavaScript. Do you have any such small project which is not already in the List!? 😄
Your best Genshin Impact companion! Help you plan what to farm with ascension calculator and database. Also track your progress with todo and wish counter.
PostCSS plugin to inline at-import rules content
Material design for react, powered by materializecss
Cool extensions for Openlayers (ol) - animated clusters, CSS popup, Font Awesome symbol renderer, charts for statistical map (pie/bar), layer switcher, wikipedia layer, animations, canvas filters.
Reverse engineering JavaScript and CSS sources from sourcemaps
A comprehensive color library for JavaScript.