Frontend Engineering

Core components, design systems, tokens, forms, animations, and world-class brand design specs.

Scenarios 16Skill 30Design 114Collections —

Filter Scenarios:All Components Design Systems Design Tokens Forms & Data Entry Developer Experience Landing Page Animations Accessibility Media & Assets Tech Giants Developer Tools AI Startups Finance & Crypto Consumer Brands Luxury & Automotive SaaS & Productivity

Sort:

Latest Updates A-Z

Grid Table

Design

Airbnb

When to use:Apply Airbnb's design language to your project for a polished, brand-consistent UI.

Light ModeRedBrand+2

@awesome-design-md·2026-08-12

View Tokens

Design

Replicate

When to use:Apply Replicate's design language to your project for a polished, brand-consistent UI.

Light ModeRedBrand

Design

Clay

When to use:Apply Clay's design language to your project for a polished, brand-consistent UI.

Light ModeMonochrome

Design

Zapier-Inspired

When to use:Apply Zapier's design language to your project for a polished, brand-consistent UI.

Light ModeRed

Design

Nike

When to use:Apply Nike's design language to your project for a polished, brand-consistent UI.

Light ModeMonochromeBrand

Design

DES-4091 — Brutalist Grid System

When to use:Component libraries that want a sharp, structural feel.

BrutalistGrid

@@skillhub_curation·

Design

Minimal Portfolio System

When to use:Personal portfolios, agency showcase pages, and creative directories.

PortfolioMinimalTypography

Skill

Mobile Navigation Patterns

When to use:Building responsive navigation that adapts from desktop sidebar to mobile bottom tabs.

ReactNavigationMobile

Design

Bugatti

When to use:Apply Bugatti's design language to your project for a polished, brand-consistent UI.

Dark ModePurple

Skill

Responsive Image Pipeline

When to use:Optimizing image-heavy pages for Core Web Vitals — LCP, CLS, and bandwidth.

PerformanceImagesOptimization

Design

MongoDB

When to use:Apply MongoDB's design language to your project for a polished, brand-consistent UI.

Light ModeGreen

Skill

Focus Order & Keyboard Audit

When to use:Verifying keyboard navigation before shipping a UI change.

A11yTesting

@@a11y_kim·2026-07-30

Design

Together AI-Inspired

When to use:Apply Together AI's design language to your project for a polished, brand-consistent UI.

Light ModeMonochrome

Design

Renault

When to use:Apply Renault's design language to your project for a polished, brand-consistent UI.

Light ModeOrangeBrand

Design

Twitch

When to use:Apply Twitch's design language to your project for a polished, brand-consistent UI.

Dark ModePurple

Design

Starbucks

When to use:Apply Starbucks's design language to your project for a polished, brand-consistent UI.

BrandDesign Tokensstarbucks

Design

Mastercard

When to use:Apply Mastercard's design language to your project for a polished, brand-consistent UI.

BrandDesign Tokens

Design