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

Revolut

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

Light ModeBlueBrand+2

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

View Tokens

Design

Superhuman-Inspired

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

Light ModeBrand

Design

Monzo

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

Light ModeRed

Skill

Color Contrast Checker

When to use:Ensuring every color pairing meets AA/AAA before merging UI changes.

A11yDesign TokensTesting

Design

DES-8823 — High-Density Form

When to use:Dense data-entry screens and internal tools.

FormsDensity

@@skillhub_curation·2026-07-15

Design

Docker

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

Light ModeBlue

Design

Nintendo.com (2001) Analysis

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

RedBrand

Design

SpaceX-Inspired

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

Light ModeMonochrome

Design

VoltAgent-Inspired

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

Dark ModeGreen

Skill

Tailwind Animation Recipes

When to use:Adding scroll-triggered reveals, hover micro-interactions, and page transitions.

TailwindAnimation

@@motion_mia·2026-08-03

Design

Vodafone-Inspired

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

Light ModeRed

Design

NVIDIA

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

Light ModeGreenBrand

Skill

Storybook Component Docs

When to use:Building a component library that needs interactive documentation and visual regression testing.

ReactDocumentationTesting

Design

Ollama

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

Light ModeMonochromeBrand

Skill

Presentation Slide Builder

When to use:Group presentations, thesis defenses, conference talks, and lecture slides.

PresentationSlidevAcademic

Design

Wired-Inspired

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

Light ModeMonochrome

Skill

Academic Paper Formatter

When to use:Writing term papers, theses, or journal articles with proper citation formatting.

AcademicMarkdownLaTeX

Design

Uber-Inspired

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

Light ModeMonochrome

144 resources foundPage 1 of 8