Capsule — Pill Navigation
A softly coloured solid capsule with a layout-bound animated active treatment and responsive disclosure navigation.
100 responsive UI designs for your next project.
React / Next.js + Tailwind and standalone HTML, CSS and JavaScript.
A softly coloured solid capsule with a layout-bound animated active treatment and responsive disclosure navigation.
A professional two-tier header with configurable utility/contact links, a solutions disclosure and an honest language-preference presentation.
A search-first header with a Cmd/Ctrl + K local command palette, grouped destinations and keyboard navigation.
An editorial vertical portfolio index with derived category counts, numbered project links and an accessible mobile overlay.
A deliberately restrained black-and-white header with a spaced wordmark, balanced navigation and precise rules.
A quiet, scroll-aware header that steps aside as you read and returns when you need it.
Real section tracking and offset-aware anchor navigation for thoughtful long-form product pages.
A precise, moving underline connects variable-length destinations with a refined editorial rhythm.
Layered indigo gradients, luminous geometry and a clear call to action for feature highlights.
A coordinated asymmetric grid with miniature interface artwork, illustrative metrics and feature highlights.
A dark feature card with pointer-following violet illumination and a polished layered icon.
A gallery-led ecommerce card with working local image, colour, wishlist and product-action controls.
Showing 13–24 of 100 components
Prefer to customise visually? Explore the visual builder presets