Frontend Engineering
Core components, design systems, tokens, forms, animations, and world-class brand design specs.
Core components, design systems, tokens, forms, animations, and world-class brand design specs.
| Type | Name | When to use | Tags | Action |
|---|---|---|---|---|
| Design | Airbnb | Apply Airbnb's design language to your project for a polished, brand-consistent UI. | Light ModeRedBrandDesign Tokensairbnb | |
| Design | Replicate | Apply Replicate's design language to your project for a polished, brand-consistent UI. | Light ModeRedBrand | |
| Design | Clay | Apply Clay's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Design | Zapier-Inspired | Apply Zapier's design language to your project for a polished, brand-consistent UI. | Light ModeRedBrand | |
| Design | Nike | Apply Nike's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Design | DES-4091 — Brutalist Grid System | Component libraries that want a sharp, structural feel. | BrutalistGrid | |
| Design | Minimal Portfolio System | Personal portfolios, agency showcase pages, and creative directories. | PortfolioMinimalTypography | |
| Skill | Mobile Navigation Patterns | Building responsive navigation that adapts from desktop sidebar to mobile bottom tabs. | ReactNavigationMobile | |
| Design | Bugatti | Apply Bugatti's design language to your project for a polished, brand-consistent UI. | Dark ModePurpleBrand | |
| Skill | Responsive Image Pipeline | Optimizing image-heavy pages for Core Web Vitals — LCP, CLS, and bandwidth. | PerformanceImagesOptimization | |
| Design | MongoDB | Apply MongoDB's design language to your project for a polished, brand-consistent UI. | Light ModeGreenBrand | |
| Skill | Focus Order & Keyboard Audit | Verifying keyboard navigation before shipping a UI change. | A11yTesting | |
| Design | Together AI-Inspired | Apply Together AI's design language to your project for a polished, brand-consistent UI. | Light ModeMonochromeBrand | |
| Design | Renault | Apply Renault's design language to your project for a polished, brand-consistent UI. | Light ModeOrangeBrand | |
| Design | Twitch | Apply Twitch's design language to your project for a polished, brand-consistent UI. | Dark ModePurpleMonochrome | |
| Design | Starbucks | Apply Starbucks's design language to your project for a polished, brand-consistent UI. | BrandDesign Tokensstarbucks | |
| Design | Mastercard | Apply Mastercard's design language to your project for a polished, brand-consistent UI. | BrandDesign Tokensmastercard | |
| Design | Meta | Apply Meta's design language to your project for a polished, brand-consistent UI. | Light ModeBlueBrand |