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

Tesla

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

BrandDesign Tokenstesla

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

View Tokens

Skill

Form Builder Engine

When to use:Building no-code form creators, survey builders, application forms, or internal tool data-collection UIs.

ReactFormsUX

Design

ElevenLabs

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

Light ModeMonochrome

Design

Startup Launch Kit

When to use:Launching a new product, SaaS beta, or startup landing page.

Landing PageStartupBold

Skill

KYC Onboarding Flow

When to use:Building user identity verification for fintech apps, crypto exchanges, banking platforms, or regulated services.

ReactFinanceSecurity

Design

Lovable

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

BrandDesign Tokenslovable

Design

Ferrari

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

Dark ModeRed

Design

Soft Corporate UI System

When to use:Enterprise SaaS, internal tools, B2B dashboards, and any product that needs to feel trustworthy.

CorporateSaaSProfessional

Skill

Toast Notification Center

When to use:Any app that needs non-blocking feedback — save confirmations, error alerts, undo actions.

ReactUXNotification

Skill

Tokenized Color System

When to use:Setting up theming and dark mode.

Design TokensTailwind

@@design_ops_sarah·2026-08-05

Design

Google

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

Light ModeBlue

Design

Nubank

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

Light ModePurple

Design

PlayStation

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

Light ModeBlueBrand

Design

Robinhood

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

Dark ModeGreen

Skill

Transaction Form Builder

When to use:Building send-money flows, wire transfer forms, crypto withdrawal UI, or payment screens.

ReactFinanceForms

Design

Kubernetes

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

Light ModeBlue

Design

Composio

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

Dark ModeBlue

Design

Framer

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

Dark ModePurple

144 resources foundPage 3 of 8