Design skills, 449 UI prompts, animations, sound effects and audit tools for building professional UI with Codex, Claude and Cursor.
AIDesign SystemsAnimation+2
typeui.sh
Visitopens in a new tab
Atmeta
astryx.atmeta.com
Astryx's component catalog: browse every component with copy-ready examples for each variant, state, and interaction pattern.
What is Atmeta?
This is Astryx's component documentation hub, listing the full design system from App Shell and Avatar to Bottom Sheet, Breadcrumbs, Calendar, and Chat. Each entry provides copy-ready examples across variants, states, and patterns, including composite pieces like Chat Composer and Clickable Card. It serves as both an implementation reference and a way to evaluate the system's coverage before adopting it.
Best for
- Browsing a full design system component catalog
- Copy-ready examples for every variant and state
- Evaluating chat and app-shell UI patterns
Key features
- Complete Astryx component catalog
- Copy-ready examples per variant and state
- Chat, calendar, and app shell patterns
- Composite components like Chat Composer
Related resources
Extremely crafted, copy-paste primitives for AI-native interfaces — loading states, thinking traces, streaming text, human-in-the-loop approvals, and more.
AIWebDesign Systems
beautifului.dev
A library of interactive React UI blocks — heat maps, signature pads, drag interactions, sliders — you can explore, tweak, and take straight into projects.
ReactAnimationWeb+1
bencho.dev