Design Library

The building blocks we shape your website from.

Real, working previews of every header, footer, hero, section, form and UI element in our library — then we tailor them to your brand.

All Headers Footers Heroes Sections Blog Forms E-commerce Cards Dashboard Page templates UI elements Motion

Browse

Pick a part of the page

Every block below is a real, working preview — not a screenshot. Choose a category to see them full size.

Headers24 stylesFrom classic corporate bars and mega-menus to floating pills, drawers and Malaysia-ready language switchers.Footers18 stylesThe last thing a visitor sees, and where most of your trust signals live.Heroes18 layoutsThe first screen decides whether anyone reads the second one.Sections32 layoutsThe working middle of a website: features, steps, proof, pricing and answers.Blog11 layoutsIndex pages, featured posts and article templates built for long-form reading.Forms10 patternsEnquiry, booking, quote and multi-step forms, with the states that make them feel safe.E-commerce12 blocksProduct grids, detail pages, carts and checkout steps that keep the buyer moving.Cards16 stylesServices, people, plans and figures — the unit most pages are actually built from.Dashboard12 blocksStat tiles, charts, tables and activity feeds for portals and admin areas.Page templates12 templatesWhole pages rather than pieces — so you can see how the blocks read together.UI elements70+ elementsButtons, badges, tabs, toggles, alerts and every other small part of an interface.Motionlive demosMotion is not decoration. Used properly it tells people where they are and what just happened.

Like what you see? Let's design yours.

We'll shape these building blocks into a website that fits your business, then care for it every day.

View Plans & Pricing Talk To Us