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

Perplexity

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

Dark ModeLight ModeBlue+4

@Perplexity AI·2026-08-15

View Tokens

Design

Miro

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

Light ModeMonochrome

Design

Amazon

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

Light ModeOrange

Design

Sanity

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

BrandDesign Tokenssanity

Design

BMW

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

Light ModeBlue

Skill

Payment Method Manager

When to use:Building payment method management in account settings, checkout saved-payments, or subscription billing UIs.

ReactFinanceSecurity

Design

Apple

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

Light ModeBlue

Design

Slack-Inspired

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

Light ModeBrand

Design

Claude

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

Light ModeRed

Design

Stripe-Inspired

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

Light ModeBlue

Design

Admin Panel Shell System

When to use:Internal tools, admin dashboards, and CMS backends.

AdminDashboardData Table

Design

Cal.com

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

Light ModeMonochrome

Design

Microsoft

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

Light ModeBlue

Design

Expo

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

Light ModeMonochrome

Design

Dell (1996) Inspired

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

Light ModeRed

Design

Warm SaaS Onboarding Kit

When to use:SaaS onboarding, setup wizards, and progressive-profile flows.

OnboardingSaaSWarm

Skill

Form Validation Builder

When to use:Building any data-entry form, from login to multi-step wizards.

FormsReactValidation

Skill

Accessible Modal Dialog

When to use:Critical user interruptions, forms.

A11yReact

@@a11y_kim·2026-07-28

144 resources foundPage 6 of 8