Mix

The parts carry no look of their own, so the look is yours to mix: colour, corners, padding, glass, grain, typeface and how things move. Change one and every part on this site follows, here and on the board. Start from a ready mix or from nothing. When it feels right, take the finish file or send someone the link.

On the bench

Or just describe the product.

Next off the bench: say what you are building, in a sentence or two, and EqUIp drafts a finish and a starting set of parts for it. You tweak the draft in the Look panel, then take the whole set. Not built yet. For now, start from a ready mix or use the Look panel.

Ready mixes

11 finished looks for different kinds of product. Press the parts in a card to feel it. Copy its CSS as it stands, or load it and keep tuning in the Look panel.

  • Ledger

    Finance, admin, back office

    Tight, cool and exact. Small corners, dense rows, nothing bounces.

  • Clinic

    Health, booking, care

    Soft teal on clean paper, roomy controls and unhurried motion.

  • Signal

    Startups, SaaS, launch pages

    Electric violet with a confident spring. Reads as new.

  • Phosphor

    Developer tools, consoles, ops

    Green on graphite, square corners, compact, and perfectly still.

  • Arcade

    Games, social, creator apps

    Hot pink, big round shapes and the bounciest press in the set.

  • Orchard

    Food, grocery, marketplaces

    Leaf green on warm paper. Friendly, rounded, easy to tap.

  • Atelier

    Fashion, editorial, portfolios

    Bronze on ivory with hard edges. Quiet enough for the work to speak.

  • Marigold

    Kids, learning, community

    Amber and pill shapes with a playful bounce. Hard to be stern in.

  • Graphite

    Pro tools, editors, dashboards

    No hue at all. The content brings the colour, the chrome stays out of it.

  • Frost

    Media, music, weather, anything over imagery

    Frosted glass: see-through panels that blur what is behind them, with soft round shapes.

  • Kiosk

    Point of sale, tablets, touch screens

    The largest targets and type, in a signal red you can find at arm's length.

Tune it

Colour, shape, padding, material, typeface and feel are in the Look panel. It stays open as you move around the site, so you can judge a look on any part, not only the ones below.

ms

Between 100 and 30000.

Billing period
72%
Compiled 214 modules in 38s on node 22.

Card expires in 3 days

Update the Visa ending 4242 to keep your Pro plan.
64%
LiveBuildingFailedDraft

Your finish

One small CSS file. Import it after the tokens and every part follows.

/* Load a ready mix or move a control, and your finish is written here. */

EqUIp is in beta: free for non-commercial use, no warranty, and things can change. Terms

Nothing picked yet. Press A on a part, or use the plus on the board, and the install command builds here.

Loading the index.

Loading the index