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

Webflow-Inspired

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

Light ModeMonochromeBrand+2

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

View Tokens

Design

Binance

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

Light ModeOrange

Design

Developer Portfolio Theme

When to use:Personal developer sites, resume pages, and open-source project showcases.

PortfolioDark ModeDeveloper

Skill

Webhook Debugger & Inspector

When to use:Debugging webhook integrations during development, testing third-party callbacks, or monitoring production webhook health.

ReactDeveloper ExperienceTooling

Design

Porsche

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

Light ModeRed

Skill

Skeleton Loader Generator

When to use:Replacing spinners with layout-stable skeleton loading states.

LoadingUXTailwind

Design

Landing Page Vibe Kit

When to use:Product marketing pages and launch pages.

Landing PageMarketing

@@skillhub_curation·2026-06-30

Design

Raycast

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

Dark ModePurpleBrand

Design

YouTube

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

Dark ModeRed

Design

Academic Thesis Template

When to use:Writing a bachelor's, master's, or PhD thesis with proper academic formatting.

AcademicTypographyPrint

Design

Linear

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

Dark ModeBlue

Design

ClickHouse

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

Dark ModeOrange

Design

Notion

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

Light ModeBlue

Design

GitLab

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

Light ModeDark Mode

Design

Lamborghini

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

BrandDesign Tokens

Skill

Responsive Bento Grid Layout

When to use:Dashboard overviews, complex data aggregation.

CSS GridLayout

@@lin_frontend·2026-08-02

Design

RunwayML

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

BrandDesign Tokensrunwayml

Design

PayPal

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

Light ModeBlue

144 resources foundPage 2 of 8