Component marketplace
21st.dev
A large searchable catalogue of React components, templates, and themes made for agent workflows.
Resources for better AI-built UI.
See what each resource does, where it works, and whether it is free.
65 resources
Agent-ready UI components
AICSS
UI components packaged for coding agents to discover, copy, and adapt.
JavaScript animation engine
Anime.js
A compact animation engine for timelines, transforms, SVG, scroll, and interactive sequences.
UI finish skill
Anti UI Slop
Grounds interface decisions in real product screens and runs a strict finish gate.
Creative component gallery
ASCII Magic Community
Community-made ASCII treatments and interactive visual experiments with visible creator credit.
By ASCII Magic community · ascii-magic.com
Video effect
Characters
A moving character-grid treatment for portraits and footage.
By ASCII Magic · ascii-magic.com
Style prompt explorer
Design Prompts
Browse named design styles and turn them into structured prompts for interface generation.
Image effect
Dither
A high-contrast dither treatment with a tactile digital texture.
By ASCII Magic · ascii-magic.com
AI-native design system
Fragments UI
React components plus MCP tooling for component discovery, rendering, and design-system governance.
Agent skill
Frontend Design
Anthropic's skill for choosing a visual direction before generating frontend code.
Animation platform
GSAP
Timeline-based animation for complex sequences, scroll work, and precise choreography.
Frontend design skill
Impeccable
A complete workflow for shaping, auditing, polishing, and documenting product interfaces.
Animated UI library
Magic UI
Animated sections, effects, and micro-interactions built for React and Tailwind projects.
JavaScript and React animation
Motion
Production-ready APIs for layout, gesture, scroll, springs, and presence animation.
Website prompt templates
MotionSites Templates
Premium website prompts built around motion-heavy landing-page directions.
Copy-owned components
shadcn/ui
Composable React components with source code you can customize inside your project.
UI prompt library
TypeUI Prompts
A focused set of prompts for generating interface styles and product screens.
Prompt library
UI Design Prompts
Copy-ready prompts for high-end web layouts, typography, color, and visual direction.
React UI library
Untitled UI React
A large design system with React components, Figma files, page examples, and agent guidance.
App templates
v0 Templates
Ready-to-open application and website templates for v0 projects.
Design system
AlignUI
A Figma-matched React system aimed at dashboards and polished product interfaces.
Video effect
Animation After
An animated graphic treatment applied to moving footage.
By ASCII Magic · ascii-magic.com
Source video
Animation Before
The source footage for the animated character treatment.
By ASCII Magic · ascii-magic.com
Unstyled React primitives
Base UI
Unstyled, accessible React primitives for building a custom design system.
Base UI component set
basecn
shadcn-style components rebuilt on top of Base UI primitives.
App block library
Blocks.so
A compact catalogue of categorized shadcn/ui blocks for React products.
AI-native component library
COSS UI
A modern component set built on Base UI with an expanding agent-friendly layer.
Image effect
Cross
A repeated cross-mark treatment for bold graphic texture.
By ASCII Magic · ascii-magic.com
Tailwind CSS library
daisyUI
Class-based Tailwind components with themes and no JavaScript dependency.
Frontend design skill
Design Taste Frontend
An anti-template skill for landing pages, portfolios, and frontend redesigns.
Image effect
Diagonal
A diagonal-line treatment with a screen-printed feel.
By ASCII Magic · ascii-magic.com
Image effect
Disco After
A reflective disco-ball transformation with graphic highlights.
By ASCII Magic · ascii-magic.com
Source image
Disco Before
The source frame for the reflective disco treatment.
By ASCII Magic · ascii-magic.com
Image effect
Dots After
A halftone dot treatment with enlarged print texture.
By ASCII Magic · ascii-magic.com
Source image
Dots Before
The source frame for the halftone dot treatment.
By ASCII Magic · ascii-magic.com
Design engineering skill
Emil Design Engineering
Interaction and motion guidance based on Emil Kowalski's design-engineering approach.
Tailwind component library
Flowbite
Framework-friendly Tailwind components, blocks, and templates.
Motion design skill
GPT Taste
A high-variance frontend skill focused on editorial type, composition, and GSAP motion.
React UI library
HeroUI
Polished React components with automatic theming and customizable defaults.
Visual design skill
High-end Visual Design
Art direction for premium web interfaces with stronger typography, imagery, and composition.
Reconstruction skill
Image to Code
Turns a reference image into a measured, responsive frontend implementation.
Image direction skill
Imagegen Frontend Web
Creates art-directed web imagery that fits a specific page, brand, and composition.
Interface style skill
Industrial Brutalist UI
A raw mechanical UI language built from hard rules, technical type, and dense structure.
Advanced component library
Kibo UI
Advanced shadcn/ui components for pickers, uploaders, editors, and product workflows.
Image effect
LEGO
A dimensional brick treatment with toy-like color and texture.
By ASCII Magic · ascii-magic.com
Image effect
Lines
A horizontal line treatment that turns tonal values into rhythm.
By ASCII Magic · ascii-magic.com
Motion asset library
LottieFiles
Search, edit, and ship Lottie animations for product states and visual moments.
React component library
Mantine
An all-in-one React library with components, forms, hooks, and theming.
React component system
Material UI
A mature React implementation of Material Design for data-heavy applications.
Interface style skill
Minimalist UI
A restrained editorial system for warm, clean interfaces with compact controls.
Image effect
Mixed
A layered treatment that mixes character and graphic effects.
By ASCII Magic · ascii-magic.com
Image effect
Mosaic
A tiled mosaic treatment for abstracted photography.
By ASCII Magic · ascii-magic.com
Image effect
Pixel Art
A blocky low-resolution treatment for retro visual direction.
By ASCII Magic · ascii-magic.com
Interaction primitives
React Aria
Hooks and components for building custom React interfaces with consistent interaction behavior.
Redesign skill
Redesign Existing Projects
Audits an existing interface and applies focused visual upgrades without breaking its workflow.
UI prompt generator
SayUI
Turns plain-language direction or a screenshot into a more precise UI prompt.
Page block library
ShadcnBlocks
Pre-built shadcn/ui sections for composing landing pages and product screens.
Animated React library
SmoothUI
Animated React components for richer scroll, transition, and interaction work.
Prompt collection
StyleKit UI Prompts
Open prompt collections organized by interface type and visual aesthetic.
Marketing block library
Tailark
Conversion-focused Tailwind sections for modern marketing pages.
Tailwind resource directory
Tailkits
A directory for comparing Tailwind templates, components, tools, and kits.
Official Tailwind UI kit
Tailwind Plus
Production-ready components and templates from the Tailwind CSS team.
Design brief generator
UI Challenges
Generates structured UI challenges by platform, difficulty, and screen type.
UI design skill
UI Design
A UIZZE skill for designing and refining web and mobile product interfaces.
Agent prompt builder
UIPrompt
Packages design tokens, frontend stack, and screen frames into a prompt for coding agents.
No matching resources.
Try a shorter search or choose another category.