Resources
A curated index of open-source materials and reference implementations — also the source directory: every entry names its original site and license. Links only, nothing bundled.
All entries are external links: this site does not bundle or redistribute these resources; rights belong to their owners. License labels follow each project's LICENSE file.
- 001 Component libraries & asset libraries Ant Design ↗ The de-facto standard for admin interfaces in China — tables, forms, lists. MIT · Ant Group
- 002 Component libraries & asset libraries ArkUI ↗ The open-source UI framework base of HarmonyOS, paired with ArkTS declarative syntax. Apache-2.0 · OpenHarmony
- 003 Component libraries & asset libraries Carbon Design System ↗ IBM's design system — a benchmark for token systems and data-dense interfaces. Apache-2.0 · IBM
- 004 Component libraries & asset libraries Chakra UI ↗ An accessibility-first React component library with prop-based styling. MIT · Chakra UI
- 005 Component libraries & asset libraries dotLottie ↗ The modern Lottie runtime — one .lottie file bundles animation and assets for every platform. MIT · LottieFiles
- 006 Component libraries & asset libraries flutter-shadcn-ui ↗ shadcn/ui's component language ported to Flutter. MIT · flutter-shadcn-ui
- 007 Component libraries & asset libraries Forui ↗ Minimalist Flutter components in the spirit of shadcn, for desktop and mobile. MIT · Forui
- 008 Component libraries & asset libraries GetWidget ↗ A long-running Flutter component library with broad coverage and full docs. MIT · GetWidget
- 009 Component libraries & asset libraries gluestack-ui ↗ Copy-paste cross-platform components for React Native and web, shadcn-style. MIT · gluestack
- 010 Component libraries & asset libraries Google Fonts 字体库 ↗ 1,900+ 开源字体家族在线试排：按分类、语言与可变字体筛选，中英文字体搭配先来这里试。 NOASSERTION · Google · Reference link only · not bundled
- 011 Component libraries & asset libraries Inter ↗ A typeface made for screens — the safe default for UI Latin text and numbers. OFL-1.1 · Rasmus Andersson
- 012 Component libraries & asset libraries JetBrains Mono ↗ A monospace font for code and numbers — this site's code font. OFL-1.1 · JetBrains
- 013 Component libraries & asset libraries LottieFiles Free Library ↗ The largest Lottie animation library; the free tier is usable commercially as JSON animations. NOASSERTION · LottieFiles
- 014 Component libraries & asset libraries Lucide Icons ↗ The cleanest line icon set — consistent strokes, restrained style, for web and apps. ISC · Lucide
- 015 Component libraries & asset libraries Magic UI ↗ Animated components for React + Tailwind — marquees, glows, counters; a key reference ecosystem for this site's effects. MIT · Magic UI
- 016 Component libraries & asset libraries Mantine ↗ A batteries-included React library: 100+ components and hooks, even date pickers. MIT · Mantine
- 017 Component libraries & asset libraries Material Symbols ↗ Google's variable icon font — adjustable weight and fill; the default for Material projects. Apache-2.0 · Google
- 018 Component libraries & asset libraries Motion ↗ The modern web animation engine (successor to Framer Motion). This site uses MIT engines like this — never GSAP. MIT · Motion
- 019 Component libraries & asset libraries MUI ↗ The most established Material component library for React. MIT · MUI
- 020 Component libraries & asset libraries NativeWind ↗ Tailwind-style utility classes for React Native. MIT · NativeWind
- 021 Component libraries & asset libraries Open Doodles ↗ Hand-drawn free illustrations — doodle people and scenes for empty states and onboarding. CC0-1.0 · Pablo Stanley
- 022 Component libraries & asset libraries Open Peeps ↗ A mix-and-match character illustration system — faces, hair, poses combine freely. CC0-1.0 · Pablo Stanley
- 023 Component libraries & asset libraries Paper Shaders ↗ Ready-made WebGL shader backgrounds — mesh gradients, waves, glows without writing GLSL. Apache-2.0 · Paper
- 024 Component libraries & asset libraries Primer ↗ GitHub's own design system — restrained and engineering-minded. MIT · GitHub
- 025 Component libraries & asset libraries Radix UI ↗ Unstyled primitives that get behavior right: keyboard, focus, and ARIA for overlays and controls. MIT · WorkOS
- 026 Component libraries & asset libraries shadcn/ui ↗ Copy-paste component source built on Radix and Tailwind — you own the code, and AI tools know it best. MIT · shadcn
- 027 Component libraries & asset libraries Simple Icons ↗ Monochrome SVG brand logos — use these instead of tracing brand marks yourself. CC0-1.0 · Simple Icons
- 028 Component libraries & asset libraries Source Han Sans ↗ The unified CJK sans — the dependable choice for Chinese UI text, full weight range, open license. OFL-1.1 · Adobe & Google
- 029 Component libraries & asset libraries SwiftUIX ↗ Fills the gaps in SwiftUI with system-level components Apple didn't ship. MIT · SwiftUIX
- 030 Component libraries & asset libraries Tabler Icons ↗ 4,000+ line icons — quantity and quality together. MIT · Tabler
- 031 Component libraries & asset libraries Tamagui ↗ One codebase for web and React Native with compile-time style optimization. MIT · Tamagui
- 032 Component libraries & asset libraries TDesign ↗ Tencent's full-stack design system covering web, mobile, mini-programs, and desktop. MIT · Tencent
- 033 Component libraries & asset libraries tsParticles ↗ The classic particle background engine — stars, snow, networks, all config-driven. MIT · tsParticles
- 034 Component libraries & asset libraries Uiverse ↗ A community marketplace of thousands of CSS effects — buttons, loaders, cards. MIT · Uiverse
- 035 Templates AdminLTE ↗ The evergreen Bootstrap admin template — complete and dependable. MIT · AdminLTE
- 036 Templates Astro Paper ↗ A minimal, typography-first blog template with top performance scores. MIT · satnaing
- 037 Templates AstroWind ↗ An Astro + Tailwind landing page and blog template with all the standard sections. MIT · onWidget
- 038 Templates Figma 免费模板精选 ↗ UI Kit、线框 kit、图标集与设计系统起步文件的精选清单，标注每个文件的确切获取位置。 NOASSERTION · UI Guides · Reference link only · not bundled
- 039 Templates React Native Template Obytes ↗ A production-grade Expo starter: navigation, state, forms, and tests preconfigured. MIT · Obytes
- 040 Templates Penpot Libraries & Templates ↗ A rare source of native design files — downloadable .penpot templates to study and reuse. CC-BY-4.0 · Penpot
- 041 Templates shadcn-admin ↗ A complete admin dashboard built with shadcn/ui — dashboard, settings, chat pages included. MIT · satnaing
- 042 Templates shadcn Landing Page ↗ A standard landing page assembled from shadcn/ui, cleanly split into sections. MIT · leoMirandaa
- 043 Templates Tabler ↗ A long-running free admin template with many polished pages. MIT · Tabler
- 044 Design specifications Apple Human Interface Guidelines ↗ Apple's official iOS design guidelines — read and reference only. This site never bundles Apple kits or SF Pro. NOASSERTION · Apple · Reference link only · not bundled
- 045 Design specifications Fluent 2 ↗ Microsoft's design language — the reference for desktop and productivity scenarios. MIT · Microsoft · Reference link only · not bundled
- 046 Design specifications Gestalt ↗ Pinterest's design system — the home of the Masonry layout and image-first patterns. Apache-2.0 · Pinterest · Reference link only · not bundled
- 047 Design specifications HarmonyOS Design Guidelines ↗ Huawei's official HarmonyOS design guidelines — reference only. No official assets are bundled without written permission; this site's HarmonyOS entries are self-drawn schematics plus spec notes. NOASSERTION · Huawei · Reference link only · not bundled
- 048 Design specifications Material Design 3 ↗ Google's design language in full — the spec source for Android and cross-platform work. Apache-2.0 · Google · Reference link only · not bundled
- 049 Design specifications Material Design 入门导览 ↗ Google Material 体系的导读：主题、色彩角色、组件与动效规范，配实现提示，适合快速建立框架。 NOASSERTION · CodePath Guides · Reference link only · not bundled
- 050 Design specifications WCAG 2.2 ↗ The international accessibility standard — the source of contrast, focus, and target-size numbers. NOASSERTION · W3C · Reference link only · not bundled
- 051 Design specifications WCAG 无障碍标准 ↗ 对比度、焦点、目标尺寸的国际标准入口：做无障碍别靠感觉，条文在这里可查可引。 NOASSERTION · W3C WAI · Reference link only · not bundled
- 052 Tools Animista ↗ A CSS animation preset playground — pick, tune, copy the code. NOASSERTION · Animista
- 053 Tools Coolors 配色生成器 ↗ 空格连打生成配色的国民工具：锁定主色再迭代，导出色板给设计与开发共用。 NOASSERTION · Coolors · Reference link only · not bundled
- 054 Tools CSS Loaders ↗ 600+ pure-CSS loading spinners and loaders — copy one snippet and go. MIT · CSS Loaders
- 055 Tools Easings 缓动速查 ↗ 30 种缓动函数的可视化对照：点开任意一条看曲线、动画预览与 CSS / 代码实现。 NOASSERTION · easings.net · Reference link only · not bundled
- 056 Tools Iconify ↗ One search and API over 100+ icon sets — the hub for finding icons. MIT · Iconify
- 057 Reference only bolt.diy ↗ An open-source AI site builder — its system prompt (prompts.ts) is a masterclass in directing AI to build UIs. MIT · StackBlitz Labs · Reference link only · not bundled
- 058 Reference only Figma 入门学习资源 ↗ 从官方 Playground 文件到系统课程的路径整理，按「练什么技能」而不是按热度排。 NOASSERTION · UI Guides · Reference link only · not bundled
- 059 Reference only LangGPT ↗ A framework for writing prompts like code — roles, rules, workflows in sections. Apache-2.0 · LangGPT · Reference link only · not bundled
- 060 Reference only Laws of UX 定律索引 ↗ 定律官网的全量索引：30 条原则逐条链接到定义、要点与延伸阅读，查一条只要十秒。 NOASSERTION · Jon Yablonski · Reference link only · not bundled
- 061 Reference only Laws of UX 全解 ↗ 28 条定律的图文讲解版：每条给定义、来源与网页设计中的实际例子，适合系统补课。 NOASSERTION · Nulab Learn · Reference link only · not bundled
- 062 Reference only Mobbin 模式库导览 ↗ 真实上线产品的界面模式库如何用：按屏、按元素、按流程检索，找参考别再翻截图文件夹。 NOASSERTION · Liuhuo Stack · Reference link only · not bundled
- 063 Reference only NN/g 文章库 ↗ 可用性研究的源头：十大原则、用户研究方法、眼动与表单研究，评审时引依据来这里。 NOASSERTION · Nielsen Norman Group · Reference link only · not bundled
- 064 Reference only Open Lovable ↗ An open-source AI website builder — the full prompt-to-preview pipeline, open to study. MIT · Firecrawl · Reference link only · not bundled
- 065 Reference only unDraw ↗ The best-known open-style illustration site — linked for reference only, never bundled or redistributed here. NOASSERTION · unDraw · Reference link only · not bundled
- 066 Reference only UX 定律实例讲义 ↗ 10 条核心定律的极简版讲义，每条都落到可执行的检查动作，适合评审前速览。 NOASSERTION · UXfolio Blog · Reference link only · not bundled
- 067 Reference only 站酷设计导航 ↗ 国内设计师的精选导航：作品、课程、赛事与资源入口，找中文语境的灵感与同行作品。 NOASSERTION · 站酷 ZCOOL · Reference link only · not bundled