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

Skill

Data Grid Component v2.4

When to use:Ideal for displaying dense datasets where inline editing and robust sorting/filtering are required without sacrificing vertical real estate.

ReactTailwindHigh-Density

@@dev_ops_sarah·2026-08-09

Design

BMW M

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

Dark ModePurple

Design

Mintlify

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

Light ModeMonochrome

Skill

Empty State Generator

When to use:Every screen that can be empty — first-run, zero results, 404, error boundaries.

ReactUXPattern

Design

Supabase-Inspired

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

Light ModeGreen

Design

Cohere

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

Light ModeMonochrome

Design

OpenCode AI

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

Light ModeMonochromeBrand

Design

Shopify-Inspired

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

Light ModeMonochrome

Design

GitHub

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

Light ModeDark Mode

Design

Kraken

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

BrandDesign Tokenskraken

Design

Wise-Inspired

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

Light ModeGreen

Design

Hugging Face

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

Light ModeYellow

Design

MiniMax

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

Light ModeMonochrome

Design

OpenAI

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

Dark ModeLight Mode

Design

Cursor

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

Light ModeRed

Design

Intercom

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

Light ModeMonochrome

Skill

API Request Builder

When to use:Building API playgrounds, developer tools, integration testing UIs, or API documentation with live 'Try It' consoles.

ReactDeveloper ExperienceTooling

Design

E-Commerce Product Grid

When to use:Online stores, marketplaces, and product catalogs.

E-CommerceGridCards

144 resources foundPage 7 of 8