CodingLaboratory
Lab Commands
Enter The Lab

Collection bench — components grouped by real projects

17 curated paths

Curated component collections

Start with the job,
not the inventory.

Find compatible components, implementation guidance, and a practical checklist for the interface you are building. Every example remains editable and dependency-free.

01

Forms that help people recover

Accessible form components

Build clearer forms with accessible validation, password, file upload, autocomplete, and contact components in plain HTML, CSS, and JavaScript.
6 selected componentsOpen collection
02

Portable interface foundations

CSS-only components

Download responsive CSS-only components for pricing, navigation, product cards, feature grids, and landing-page headers without a JavaScript dependency.
6 selected componentsOpen collection
03

Data with a readable hierarchy

Dashboard UI components

Explore dashboard cards, tables, charts, timelines, and KPI components with responsive layouts and accessible data explanations.
6 selected componentsOpen collection
04

Product decisions without friction

Ecommerce components

Build product and checkout experiences with gallery, variant, cart, shipping, receipt, and bundle components made in plain frontend code.
6 selected componentsOpen collection
05

Interaction without framework lock-in

Vanilla JavaScript components

Download interactive modal, menu, combobox, upload, toast, and navigation components built with defensive vanilla JavaScript.
6 selected componentsOpen collection
06

From first promise to first value

SaaS growth components

Build a complete SaaS acquisition flow with landing, social proof, pricing, signup, FAQ, and onboarding components in plain frontend code.
6 selected componentsOpen collection
07

Activation without avoidable friction

Onboarding and signup components

Create account, workspace, team invite, product tour, and data import flows with accessible onboarding and signup components.
6 selected componentsOpen collection
08

Estimates people can verify

Pricing calculator components

Download ROI, usage, storage, agency, add-on, and plan pricing components with transparent formulas and framework-free JavaScript.
6 selected componentsOpen collection
09

Signals that lead to action

Customer operations components

Compose customer health, revenue, campaign, incident, audit, table, and pipeline components into a responsive operations workspace.
6 selected componentsOpen collection
10

Make intelligent systems inspectable

AI agent interface components

Build prompt, model, retrieval, tool-call, evaluation, permission, and recovery interfaces for production AI agents.
6 selected componentsOpen collection
11

Motion that carries the story

Cinematic motion components

Explore animated heroes, scroll chapters, product narratives, comparison storyboards, and living proof systems with accessible fallbacks.
6 selected componentsOpen collection
12

Complex work, one shared picture

Operations command center components

Compose workflow boards, dependency planners, capacity consoles, automation runs, incident rooms, and recovery boards.
6 selected componentsOpen collection
13

Context that survives the handoff

Collaboration across time components

Build comment, presence, decision history, handoff, review, availability, conflict, and recap experiences for distributed teams.
6 selected componentsOpen collection
14

Every number needs context

Explainable data components

Use context cards, labelled charts, anomaly narratives, cohort explorers, scenario matrices, traces, and data recovery controls.
6 selected componentsOpen collection
15

Help people choose, not just click buy

Decision commerce components

Combine decision cards, compatibility configuration, bundles, delivery promises, offer comparison, payment recovery, and substitutions.
6 selected componentsOpen collection
16

Depth with a semantic backbone

Spatial and 3D interface components

Experiment with spatial focus, multimodal controls, adaptive experiences, privacy boundaries, capability fallbacks, and living interface systems.
6 selected componentsOpen collection
17

Useful even when the happy path breaks

Resilient interface components

Design fallbacks, partial-result recovery, conflict resolution, failed jobs, payment recovery, safe reset, and capability degradation.