Copy-paste UI components built with React, Tailwind CSS, and Framer Motion. Inspired by the best designs on X.
Featured
$250,000
Total Balance
Wallet Card
3D wallet with animated credit cards and balance display. Perfect for fintech dashboards.
$250,000
Total Balance
Wallet Card (Savings)
Alternative wallet configuration showing savings balance. Demonstrates flexible prop customization.
New Inspirations
for Designers
Gradient Inspiration Card
Dark card with warm mesh gradient. Great for creative portfolios and social previews.
Desktop Folders
Skeuomorphic 3D folder icons in orange, dark, and white variants with animated documents.
All Your AI Tools in One Place
Connect and use leading AI models from a single interface. Faster, simpler, and seamless.
AI Tools Hub
Floating AI tool logos on a dot-grid background with gentle hover animations. Showcases multi-model AI platform concept.
Cards
Revenue
+12.5%$48,295
Analytics Card
Revenue analytics card with animated bar chart and change indicator.
Blog
Discover insightful resources and expert advice from our seasoned team of professionals.
Building Scalable Design Systems
The Future of Web Interfaces
Accessibility in Modern UI
Blog Card
Compact blog post list with tags, dates, and hover interactions.
Integrations
Connect your favorite tools and automate workflows.
GitHub
Connected
Slack
Connected
Figma
Available
Linear
Connected
Notion
Available
Vercel
Connected
Integration Card
Grid of connected/available integrations with connection status.
Forms
Preferences
Settings Card
Preference toggles card with switch controls for notification and security settings.
Already have an account? Sign in
Sign Up Form
Clean authentication form with branded header, input fields, and CTA.
Data Display
Track progress
Track every step of the candidate's journey, from initial application to rejected appraisal.
Track Progress Card
Multi-stage progress tracker with animated progress bars and step indicators.
Recent Users
Last 24hSarah Chen
sarah@acme.co
James Wilson
james@inc.co
Maria Garcia
maria@lab.io
Alex Kim
alex@dev.co
User Table Card
Compact user list with avatar, email, and status indicators.
January 2025
Calendar Card
Monthly calendar with today highlight, event indicators, and navigation.
System Metrics
System Metrics
System resource monitor with animated progress bars and sparkline chart.
Navigation
Suggestions
Command Palette
macOS-style command palette with keyboard shortcuts and search.
Feedback
Notifications
3 newNew sign-up
sarah@example.com
Payment received
$49 from Pro plan
Server alert
CPU usage at 92%
Deploy success
v2.4.1 is live
Notifications Card
Real-time notification feed with color-coded indicators and timestamps.
Activity
Activity Feed
Team activity stream with avatars, actions, and timestamps.
Marketing
Pro Plan
For growing teams
Pricing Card
Highlighted pricing card with gradient top bar, feature list, and CTA.
Creative
$250,000
Total Balance
Wallet Card
3D wallet with animated credit cards and balance display. Perfect for fintech dashboards.
$250,000
Total Balance
Wallet Card (Savings)
Alternative wallet configuration showing savings balance. Demonstrates flexible prop customization.
New Inspirations
for Designers
Gradient Inspiration Card
Dark card with warm mesh gradient. Great for creative portfolios and social previews.
Desktop Folders
Skeuomorphic 3D folder icons in orange, dark, and white variants with animated documents.
All Your AI Tools in One Place
Connect and use leading AI models from a single interface. Faster, simpler, and seamless.
AI Tools Hub
Floating AI tool logos on a dot-grid background with gentle hover animations. Showcases multi-model AI platform concept.
Frontend
Backend
Tools
Shawn.
•@zzzzShawnI build WebApps. Full-stack developer crafting modern interfaces.
"How do I center a div?"
"flexbox. always flexbox."
"Available for work?"
"Let's talk! 🚀"
swift
A blazing-fast UI kit
nocturn
Dark mode everything
forge
Component builder
Developer Bento Grid
Bento-style developer profile card with tech stack, chat-style bio, social links, daily tools, projects gallery, and gradient image placeholders.
Interactive
Mechanical Keyboard
Fully interactive mechanical keyboard with Web Audio API sound synthesis, spring-physics key animations, caps lock LED, shift state, and live typing display.
Mac Keyboard
Apple-style keyboard with soft thock sounds, low-profile key animations, SF symbol modifiers (⌘ ⌥ ⌃), globe key, and light/dark mode support.
Credits & Inspiration
Components are inspired by original designs shared on X. Credits are linked on each card.