Storefront UI Gallery

Explore buttons, inputs, modals and ratings in one orange storefront library with live previews.

Storefront UI Gallery — Explore buttons, inputs, modals and ratings in one orange storefront library with live previews.

How to use Storefront UI Gallery

Pick a component from the list on the left, or search it by name.
Choose a size and a variant from the preview controls.
Try the live preview — rate stars, open the modal or drawer, flip through pages.
Press Copy code to copy the React snippet, or Download .jsx to save it as a file.
Paste the snippet into your own project and restyle it to match your store.

12 component categories: buttons, inputs, selects, modals, ratings, accordions, drawers, tooltips, badges, loaders, pagination, breadcrumbs
Live preview for every component with size and variant controls
Copyable React code snippet per component, plus Download .jsx
Interactive star rating with plain-language labels
Working modal, cart drawer, accordion, quantity stepper and pagination
Search across all components and a shuffle control for the sample product list
Sample product data clearly labelled SAMPLE — not a real store

Yes, unlimited.