Typography

Heading 1 - Cormorant Garamond

Heading 2 - Display Font

Heading 3 - Elegant Serif

Heading 4 - Balanced Weight

Heading 5 - Clean Lines

Heading 6 - Subtle Presence

Lead paragraph - Drawing attention to key introductory text with slightly larger sizing and lighter weight.

Regular paragraph using DM Sans body font. Clean, modern, and highly readable at any size. The quick brown fox jumps over the lazy dog.

Small muted text for captions and secondary information.

Display 1

Display 3

Display 5

Buttons

Aurora Theme Buttons

Bootstrap Default Buttons

Button Sizes

Button Groups

Badges

Aurora Theme Badges

Terracotta Forest Gold Sage Outline

Bootstrap Badges

Primary Secondary Success Danger Warning Info

Pill Badges

Pill Primary Pill Secondary Pill Aurora

Alerts

Aurora Theme Alerts

Success! Your order has been placed successfully.

Warning! Stock is running low on this item.

Error! Unable to process your payment.

Info: Free shipping on orders over $75.

Bootstrap Alerts

A simple primary alert.

A simple secondary alert.

Dismissible alert with close button!

Cards

Card Title

Some quick example text to build on the card title.

Learn More

Featured

Special Card

With header styling and different structure.

Last updated 3 mins ago

Overlay Card

Image overlay with content positioned at bottom.

Forms & Validation

Aurora Styled Inputs

Floating Labels

Email address

Password

Input Groups

$ .00

Checkboxes & Radios

Default checkbox

Another checkbox

Radio option 1

Radio option 2

Switches

Toggle switch on

Toggle switch off

Range Slider

Price Range

Validation States

Looks good!

Please fix this field.

Navs & Tabs

Aurora Tabs

Content for home tab.

Content for profile tab.

Content for contact tab.

Pills Navigation

Navbar

See the live navbar at the top of this page. Below is an alternate dark version:

Breadcrumb

Pagination

Progress & Spinners

Aurora Progress Bars

Spinners

List Group

Aurora List Group

Active item
Regular item
With badge 14
Disabled item

Actionable List Group

Active link Regular link Another link

Dropdowns

Accordion

This is the first item's accordion body. It is shown by default.

This is the second item's accordion body. It is hidden by default.

This is the third item's accordion body. It is also hidden by default.

Modal

Offcanvas

This is an offcanvas panel. It slides in from the side and is great for navigation menus, filters, or settings panels.

The mobile navigation on this site uses this component.

Toast

Click the button to see a toast notification appear in the bottom-right corner.

Tooltips & Popovers

Tooltips

Popovers

Carousel

First Slide

Beautiful artisan ceramics from around the world.

Second Slide

Handwoven textiles with natural dyes.

Third Slide

Exquisite handcrafted jewelry.

Collapse

Toggle Collapse

This content is hidden by default and revealed when you click the button above.

Placeholders

Ratio

16x9 Ratio

4x3 Ratio

Tables

#	Product	Artisan	Origin	Price	Status
1	Moon Vase	Elena Vasquez	Mexico	$89	In Stock
2	Seagrass Basket	Amara Collective	Ghana	$124	In Stock
3	Silver Hoops	Nadia Sterling	UK	$68	Low Stock
4	Raku Tea Bowl	Hiroshi Tanaka	Japan	$165	Sold Out

Utilities

Custom Colors

bg-terracotta bg-forest bg-sand bg-cream

Text Colors

Text Terracotta

Text Rust

Text Forest

Text Sage

Text Gold

Text Gradient

Gradient Text Effect

Hover Effects

Hover Lift Effect

AuroraCommerce

Component Library