ShopFront
Projects Registry
CODE REGISTRY
Standalone workspace
Workspace Save to project

Configure Components Vars Create
·
Grid / Left Master Lead-In (code-first) Product Shelf (code-first)
Chip Tab List Chip Tab List Band
Grid Master Grid / Columns (Broadcast) Grid / Columns (Dawn) Grid / Columns (Horizon) Grid / Rail + Columns (Dawn)
Radio Checkbox Compare Currency Icons Country Flag Icons Payment Icons Icon Icons / Dawn Core
Standard Icon Mark
Image (Ratios)
Vertical Horizontal
Overlay Carousel Controls
Controls Pills
Zoom Control Back to Top (Text Inside) Back to Top (Text Below)
Simple Halo
Horizon Field Heading Rule Text-Rule Spacer Video / Platform Control Pictogram Product price — Was, price & % off Dropdown Control Atom Empty slot (content area)
Icon Stars Summary
Favorite / Wishlist Heart Avatar Main Nav Item / Button Field Input / Dawn
Level 1 / Images Level 1 / Pictograms Level 1 / Icons Level 2 Level 3 (Tertiary Nav)
Utility Header Section Title
Badge Announcement Nav Arrow Countdown Timer Badge
Filter / Selected Badge Sort / Menu Option List Controls / Grid + List Toggle List Controls / View Options / Horizon
Footer Nav Item
Chip Thumbnail
Item / Pill Item / Chip Item / Underline Item / Pointer Item / Folder Content Tab
Tag Filter Chip / Value Flyout Menu Pointer Stock Availability Availability Filter Chip 1 Filter Chip 2 Product price — Stacked compare & savings Product price — Sale row, savings underneath Product price — All-in-one row Product price — Row with % badge Product Badge 1 Product Badge 2 Product Badge 4 Stock Search Field 1 Search Field 2
With Label Traditional Binary + Icons
Message Simple Text & Icon Message Pictogram
Left Right Dawn
Left Right
Number Underlined Number Circle
Heading Rating Testimonial Featured Product Blog Article Title Content Small Promotion Signup Category
Gradient Overlay Overlay Centered Overlay Positioned Image Above Image + Block
Primary Fill Primary Outline Primary Text Arrows Close Shop Pay
Button Group / PDP Button Group
Product Card Testimonial Card Testimonial Card / Overlay Content Card (Dawn) Content Card Content Card B2B Brand Logo Card
Default Overlay Banner
Primary Image Top Container Simple Container Overlay Image
Bottom Drawer / Container Master Sheet / Container Master
Dropdown Menu / Recipe Library
Sort Filter Variant Locale Pagination
Base Variant Search Currency Flag Currency Symbol Currency Stacked Language Full Language Compact Language Abbr Country Country Stacked
Qty / Stepper Compact Dynamic Cart Icon Cart / Threshold Progress Bar (Dawn, Horizon)
Standard PDP FAQ Inset FAQ Icon Dawn
Input Text Input Textarea Message / Horizon Input / Name Input / Email Input / Password Input / CVV Input / Credit Card Input / Create Password Variant Dropdown Dropdown Master
Custom Horizon
Team Member Card Heading-Rule Heading Master
Filled Active Underline Active
Rule-Headline-Rule
Icon + Dismiss Policy + Locale Carousel + Link Store Locator Icon + CTA Promo Carousel Countdown + Link Flash Sale Countdown Centered Carousel 11 (Dawn + Horizon) 12 (Horizon)
Broadcast Horizon
Filter / Clear Control Filter / Control / 3 Filter / Dropdown / Custom Filter / Accordion Sort / Control Sort / Dropdown Filter + Sort / Basic Bar Filter / Dropdown (Dawn) Filter / Chip (Dawn) Sort / Menu (Dawn) Filter Bar / Desktop Drawer Toggle (Dawn) Filter Bar / Desktop Horizontal (Dawn) Filter Bar / Mobile (Dawn) Filter + Sort Bar / 1 Filter + Sort Bar / 2 Filter + Sort Bar / 3 Filter + Sort Bar / 4 Filter + Sort Bar / 5 Filter + Sort Bar / 6 (Broadcast) Filter + Sort Bar / 7 (Horizon) Filter + Sort Bar / Tab Filter + Sort Bar / Tab 2
Contact + Sign In Contact + Links + Sign In Brand Links + Sign In Brand + Cart + Promo Locale Selector B2B Contact + Links
Product Card / Media Selector / Color Swatch Flyout Menu / Container Master Dropdown Menu / Container Master Search Field / Segmented or Faceted Pagination (Dawn) Pagination (Broadcast) (Dawn) Pagination (B2B) (Dawn) Pagination Controls (Dawn)
Showing + Controller Displaying Results Text Links Load More Per-page (dropdown) Per-page (chips)
Standard Home Icon Back Link
Accordion Static Dense (B2B)
Nutrition Label
Mobile Carousel 1 Mobile Carousel 2 Mobile Carousel 3 Mobile Video Comparison Overlap Image
Carousel 1 Carousel 2 Carousel 4 8 Broadcast 5 Split Image + Content Card Carousel 3 9 (B2B) Static 1 4 (Card on image) 3 (Text on image)
B2B Quick Order Search Focused
B2B Header + Sub Nav
Dawn 7 (Horizon) 8 (Horizon) 9 (Broadcast) Standard 4-Column 4-Column + Newsletter 4-Column + Contact Minimal Inline 3-Column + Social
.Mega Menu Nav Item
2-Col + Featured Image 2-Col + Category Card 3-Col + USP Sidebar + CTA 3-Col + Image + CTA 3-Col + USP Grid 2-Col + 3 Category Cards 4-Col Image Top 1-Col + 3 Category Cards
Headline
Indicators / Dots Scroll Indicator (Horizon) Slideshow Controls Mobile (Horizon) Field / Input Base Field Title
Stepper Button Input Cell Min Max Input Number Input
Add to Cart Icon (Horizon)
Color / Circle Color / Square Color / Pill Color / Rounded Square Color / Circle + Stock