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

Developer Portfolio Theme

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

PortfolioDark ModeDeveloper

@@skillhub_curation·2026-07-12

View Tokens

Design

Academic Thesis Template

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

AcademicTypographyPrint

Skill

Responsive Bento Grid Layout

When to use:Dashboard overviews, complex data aggregation.

CSS GridLayout

@@lin_frontend·2026-08-02

Design

Startup Launch Kit

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

Landing PageStartupBold

Design

Soft Corporate UI System

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

CorporateSaaSProfessional

Skill

Tokenized Color System

When to use:Setting up theming and dark mode.

Design TokensTailwind

@@design_ops_sarah·2026-08-05

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

Academic Presentation Theme

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

AcademicPresentationClean

Design

Research Poster Layout System

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

AcademicPosterPrint

Design

Glassmorphism Dashboard

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

GlassmorphismDashboardModern

Design

Neo-Brutalist Web System

When to use:Agency portfolios, creative tools, and brands that want a loud, unapologetic presence.

BrutalistBoldCreative

Design

AI Chat Interface Kit

When to use:Building any LLM-powered chat or conversational interface.

AIChatDark Mode

Skill

Make Interfaces Feel Better

When to use:Use when building UI components, reviewing frontend code, or when a UI feels off, flat, generic, cramped, jumpy, or unfinished. Supports quick and full review modes.

UXDesignAnimation

Design

Admin Panel Shell System

When to use:Internal tools, admin dashboards, and CMS backends.

AdminDashboardData Table

Design

Warm SaaS Onboarding Kit

When to use:SaaS onboarding, setup wizards, and progressive-profile flows.

OnboardingSaaSWarm

Design

E-Commerce Product Grid

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

E-CommerceGridCards

Design

DES-4091 — Brutalist Grid System

When to use:Component libraries that want a sharp, structural feel.

BrutalistGrid

@@skillhub_curation·

19 resources foundPage 1 of 2