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

Data Table Pro

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

Data TableDensity

@@skillhub_curation·2026-08-01

View Tokens

Skill

Video Player Component

When to use:Embedding video content on blogs, course platforms, portfolios, or media sites.

ReactMedia & AssetsA11y

Skill

Design Token Exporter

When to use:Syncing design tokens across codebase, design tools, and documentation — single source of truth.

Design TokensToolingTailwind

Design

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

Light ModeBlue

Design

Cyber Emerald Technical

When to use:Developer tools, dashboards, and engineering-facing products.

Dark ModeTechnical

@@skillhub_curation·

Design

Finance & Crypto Dashboard

When to use:Fintech apps, trading dashboards, and portfolio trackers.

FinanceDashboardDark Mode

Design

HashiCorp

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

Dark ModeMonochrome

Design

Vercel-Inspired

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

Light ModeMonochrome

Design

Airtable

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

Light ModeMonochrome

Design

Warp-Inspired

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

Dark ModePurple

Skill

Landing Hero Section Builder

When to use:Marketing or landing pages that need a fast, tested hero.

Landing PageCopy

@@growth_amy·2026-07-19

Design

Academic Presentation Theme

When to use:Thesis defense, conference talks, seminar presentations, and guest lectures.

AcademicPresentationClean

Design

Netflix

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

Dark ModeRed

Design

Research Poster Layout System

When to use:Creating A0/A1 research posters for academic conferences and symposiums.

AcademicPosterPrint

Design

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

Light ModeRedBrand

Design

Glassmorphism Dashboard

When to use:Modern SaaS dashboards, widgets, and overlay-heavy layouts.

GlassmorphismDashboardModern

Design

xAI-Inspired

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

Dark ModePurple

Skill

Search & Filter Bar

When to use:List pages that need text search plus category/tag filtering without a sidebar.

ReactUXFilter

144 resources foundPage 4 of 8