#TypeScript
94itemsAll UI component libraries and engineering guides tagged #TypeScript.
UI Component Libraries
23rd
An open-source shadcn/ui registry of opinionated, tasteful components by radiumcoders — WebGL shaders, playful 404s, and interactive showpieces you copy, paste, and own.
Duolingo UI (ShadLingo)
A comprehensive Duolingo-inspired design system and component suite built on shadcn/ui v4 and Tailwind CSS, featuring signature 3D buttons, vivid owl-green tokens, and gamified interaction cards.
Rewamp UI
A copy-paste React component library featuring highly interactive, physics-driven Framer Motion and Three.js WebGL components built with Tailwind CSS 4.
ObsidianUI
An open-source React component library featuring 100+ expressive animated components, cursor effects, and WebGL canvas shaders built with Tailwind CSS and Motion.
Watermelon UI
An open-source React 19 UI platform offering animated components, copy-paste blocks, dashboards, and templates built with Tailwind CSS 4 and Motion, featuring native shadcn registry and MCP support.
nxui (Vue)
A collection of 230+ beautiful animated Vue 3 components built with Tailwind CSS v4 and motion-v. Copy, paste, and ship with Nuxt 4 and shadcn-vue.
8bitcn/ui
Accessible retro 8-bit components and blocks built on shadcn/ui and Tailwind CSS. Open source, copy-paste, and crafted for modern React apps.
Evil Charts
Animated React chart components built with Recharts, Apache ECharts, and shadcn/ui. Dual-engine architecture with fluid motion and glow aesthetics.
Great UI
A curated collection of beautiful, copy-paste React components built with TypeScript, Tailwind CSS v4, and Motion for crafting premium interfaces instantly.
Astryx (Meta)
Meta's open source enterprise design system and React 19 component library with 170+ accessible components, StyleX integration, and agent-ready tooling.
remocn
A copy-paste component library for Remotion. Build promotional and product demo videos with your AI coding agent using modular React primitives.
Amicro
A curated collection of premium React micro-interactions, transition primitives, and card layouts powered by Motion and Tailwind CSS.
pdfcn
A collection of beautifully designed, accessible, and customizable PDF components for React. Built on Takumi and Forme, distributed via the shadcn CLI.
Animated Icons
Over 3,600+ beautifully animated Lucide, Iconoir, and Heroicons with interactive hover triggers, dual-tone color palettes, and React support.
Svelte Bits
An open-source collection of animated UI components, interactive backgrounds, and kinetic text effects built specifically for Svelte 5 and SvelteKit.
Remix Icon
An open-source neutral-style icon system elaborately crafted for designers and developers. Features 2,800+ icons in outline and filled styles.
Honest UI
A source-first React component library with expressive animations, WebGL shaders, physical interactions, and dynamic visual charts.
Soundcn
A curated library of 800+ micro-interaction sound effects for React and shadcn, bringing tactile audio feedback to web buttons, toggles, and notifications.
Afterglow
A complete retro terminal UI system for shadcn, featuring Base UI accessible components, CRT phosphor themes, and command-line aesthetics.
Better Auth UI
A plug-and-play UI component library tailored for Better Auth, providing beautiful login, registration, 2FA, passkey, and session management forms.
Snapcn
An open-source Remotion video component registry for React. Install text reveals, karaoke captions, device mockups, and video scenes directly with the shadcn CLI.
Plate.js
The rich text editor framework for React and Slate. Features 50+ modular plugins, shadcn/ui-styled components, and native AI copilot integration.
ProseKit
A fast, lightweight, framework-agnostic rich text editor framework built on ProseMirror. First-class support for React, Vue, Svelte, and Solid.
SVGL (SVG Logo Library)
A beautiful library of SVG brand logos and developer tech stack icons. Features quick vector copying, component code generation, and a public API.
shadcn maps
Interactive SVG map components designed for React and shadcn/ui. Featuring 170+ country and region maps, hover tooltips, and 1-command CLI installation.
Tetra UI
A modern React component library built with Tailwind CSS and Radix UI primitives. Designed for clean aesthetics, accessibility, and high performance.
AniUI
A collection of 100+ modern animated UI components built with React, Tailwind CSS, and Framer Motion. Copy and paste into your apps.
UI.live (Interactive UI Components)
A community-driven platform to create, preview, test, and share interactive React and Tailwind UI components and AI-generated interface prompts.
Anime.js
A fast, lightweight, and versatile JavaScript animation engine. Powers smooth CSS, SVG, DOM, and JS object animations with intuitive timeline chaining.
GSAP (GreenSock Animation Platform)
The industry standard JavaScript animation library built for professionals. Ultra-high performance, robust timeline control, and zero framework constraints.
AntV
Alibaba's data visualization ecosystem: G2 grammar of graphics, G6 graph analysis, L7 geospatial maps, X6 diagramming, S2 tables, and F2 mobile charts. Battle-tested at enterprise scale.
Mapcn
Free, open-source map components for React built on MapLibre GL, styled with Tailwind CSS, and installable through the shadcn/ui CLI. Beautiful maps made simple.
Lucide Animated
A popular open-source library of 350+ beautifully crafted animated React icons built with Lucide and Motion. Copy-paste ready with shadcn CLI support.
Hover Icons (itshover)
A collection of 180+ interactive, hover-animated vector icons with physics-based spring transitions and micro-interactions for modern React applications.
Fancy Components
A curated collection of playful, creative animated React components (Letter Scramble, Physics Cards, Floating Particles) built with Tailwind & Motion.
Motion Primitives
A curated library of animated, customizable React components and layout primitives built with Framer Motion and Tailwind CSS by ibelick.
Number Flow
A high-craft animated number component with smooth spring physics, automatic formatting, currency symbols, and multi-framework support (React, Vue, Svelte).
Rare UI
A curated collection of rare, animated React components and creative UI widgets (Fluid Orb, Gravity Letters, Duration Picker, OTP inputs) for Next.js & Tailwind.
Pace UI
A vast collection of 200+ blocks, full-page templates, and GSAP-powered animated React components for SaaS dashboards, Next.js, and TanStack Start.
Fluid Functionalism
Functional motion and spring-tuned UI components designed to communicate interface state changes rather than acting as mere decoration. Built for shadcn/ui.
Reicon
A free, open-source SVG icon and illustration ecosystem for designers and developers with 3,900+ icons, 71,000+ illustrations, multi-framework support, and AI MCP integration.
Kumo UI (Cloudflare)
Cloudflare's official modern React component library built on Base UI primitives, featuring semantic design tokens and built-in accessibility.
Extend UI
Open-source React component library and shadcn registry designed for AI document workflows, file agents, and parsing dashboards.
Paper Shaders
A collection of zero-dependency WebGL shader components for React. Add mesmerizing generative shader backgrounds in seconds.
visx (Airbnb)
Airbnb's collection of expressive, low-level visualization primitives for React. Combines the power of D3 with the joy of React.
TanStack Chart
Headless, framework-agnostic charting and visualization primitives by Tanner Linsley and the TanStack team.
Recharts
A redefined, declarative chart library built with React and D3. The most popular React charting package with 27k+ stars.
React Aria
Adobe's library of unstyled React hooks and components that provide accessible UI primitives for design systems and apps.
Bklit UI
Customizable charts and data visualization primitives for React built with Visx, Motion, and shadcn/ui registry support.
Ant Design Vue
The official Vue 3 implementation of Ant Design. 60+ components with comprehensive TypeScript support and enterprise polish.
OpenTiny (TinyVue)
Huawei Cloud's enterprise design system and cross-framework component suite supporting Vue 2, Vue 3, and Mobile with 100+ components.
Arco Design Vue
ByteDance's open-source enterprise design system implementation for Vue 3. 60+ components with dark mode and theme studio.
Quasar Framework
Build high-performance Vue.js applications for SPA, PWA, SSR, Mobile (Capacitor/Cordova), and Desktop (Electron) from a single codebase.
Naive UI
A clean, fast, and highly customizable Vue 3 component library. 80+ components with complete TypeScript coverage and zero CSS file imports.
PrimeReact
A complete suite of 90+ enterprise React UI components. Features advanced DataTables, form builders, and Tailwind unstyled mode.
PrimeVue
Next-generation Vue UI component suite with 90+ rich components, unstyled mode, and complete Tailwind CSS preset support.
Nuxt UI
A UI library for modern Vue and Nuxt applications. Powered by Tailwind CSS and Reka UI (Radix Vue) for full accessibility.
Vuetify
The most popular Material Design component framework for Vue 3. 80+ crafted components, dynamic layouts, and responsive grid.
Phosphor Icons
A flexible icon family for interfaces, diagrams, and presentations. 9,000+ icons across 6 cohesive weights (Thin to Fill).
React Icons
Include popular icons in your React projects easily with SVG imports from FontAwesome, Material Icons, Feather, Tabler, and Lucide.
gluestack-ui
Universal, accessible component library for React Native and Web styled with Tailwind CSS (NativeWind).
React Native Paper
Material Design 3 component library for React Native by Callstack. Cross-platform, highly accessible, and customizable.
Panel UI
Open-source, high-performance React Native component library designed for Expo with 110+ typed component modules and zero native binaries.
HeroUI Native
A modern React Native component library inspired by HeroUI / NextUI for iOS and Android. Fast, accessible, and styled with Tailwind.
React Spring
Spring-physics-based animation library for React by Poimandres (pmndrs). Natural, fluid, and interruption-safe motion.
Tamagui
Universal UI system and component kit for React Native and Web with an optimizing compiler for zero-runtime performance.
Cloudscape Design System
Amazon Web Services (AWS) open-source design system built for web applications, cloud management consoles, and high-density portals.
Primer React
GitHub's official design system implementation for React. Crisp, accessible, and structured for developer workflows.
Ring UI
JetBrains' open-source web UI components library powering products like YouTrack, Hub, and TeamCity.
Semi Design
ByteDance's modern enterprise design system and React component library with powerful theme customization and Figma sync.
Fluent UI React
Microsoft's official enterprise design system implementation for React (Fluent 2). Built for massive scale and accessibility.
coss UI
The official open-source design system of Cal.com. Modern, minimal, copy-paste React components styled with Tailwind CSS.
Mantine
A comprehensive React component library with 100+ customizable components, 50+ built-in hooks, and dedicated form management.
Chakra UI
Simple, modular, and accessible component library providing essential building blocks for fast React and Next.js applications.
Base UI
Unstyled, accessible React component primitives from the creators of Radix, Floating UI, and Material UI. Pure customizability with zero styling opinions.
Material UI (MUI)
An open-source React component library implementing Google's Material Design. Comprehensive, production-ready, and highly customizable.
copywriting (Marketing Skills)
High-converting marketing copywriting skill for crafting crystal-clear value propositions, punchy headlines, and fluff-free landing page copy.
ui-ux-pro-max
Comprehensive UI/UX design intelligence skill covering conversion ergonomics, user flow optimization, and spatial layout mastery.
web-design-guidelines (Vercel)
Vercel's official engineering design guidelines for AI coding agents, enforcing clean layouts, responsive typography, and tactile feedback.
design-taste-frontend
The anti-slop frontend taste skill featuring the Three Dials configuration (Variance, Motion, Density) and design system mapping.
frontend-design (Anthropic)
Official Anthropic coding agent skill for creating distinctive, high-taste frontend web interfaces without generic AI aesthetic slop.
TDesign
Tencent's official enterprise design system. Multi-framework, multi-platform, and battle-tested across thousands of business scenarios.
Motion (Framer Motion)
The complete animation library for React and the web. Silky smooth spring physics, layout animations, and gesture support.
Lucide Icons
Beautiful & consistent open-source icon library. An actively maintained community fork of Feather Icons supporting React, Vue, Svelte, and more.
Ark UI
Universal headless UI components powered by Zag.js state machines. Works seamlessly across React, Vue, and Svelte.
Arco Design
ByteDance's comprehensive enterprise design system and component library, supporting both React and Vue with flexible theme token algorithms.
HeroUI (NextUI)
Beautiful, fast and modern React UI library with built-in Tailwind CSS and silky smooth spring animations (formerly NextUI).
daisyUI
The most popular component library for Tailwind CSS. Pure semantic class names, zero JS runtime overhead, and 30+ themes built-in.
Element Plus
A Vue 3 based component library for designers and developers. The gold standard for Vue enterprise admin dashboards.
Ant Design
An enterprise-class UI design language and React component library with a massive ecosystem and world-class enterprise adoption.
Radix UI Primitives
Unstyled, accessible UI components for building high-quality design systems and web apps in React. The foundation of shadcn/ui.
Aceternity UI
Trending copy-paste components with stunning 3D visual effects, card spotlights, and glowing gradients for modern web design.
Magic UI
Over 50+ animated UI components built with React, TypeScript, Tailwind CSS, and Motion (Framer Motion). Perfect for modern landing pages.
shadcn/ui
Beautifully designed, accessible components that you can copy and paste directly into your apps. Built with Radix UI and Tailwind CSS.