-25% New
Design System
Component Playground
A comprehensive showcase of all UI components included in Pulse Commerce. Every component is built with accessibility and dark mode support.
Badges & Labels
Status indicators, tags, and category labels for products and content.
Variants
Primary Accent Success Warning Error Default
Use Cases
New In Stock Out of Stock Low Stock Featured Sale
In Context
Product Name New
Another Product Sold Out
Cards
Product cards, blog cards, and flexible content containers.
Basic Cards
Basic Card
A simple card with padding and subtle border.
Hover Card
A card with hover lift effect.
Accent Card
A card with accent colors.
Product Cards
Blog Card
Design Trends to Watch
Discover the latest interior design trends that will shape homes this year.
Sarah Chen
5 min read
Feature Card
Lightning Fast
Optimized for peak performance.
Secure
Enterprise-grade security built in.
Forms
Input fields, selects, checkboxes, and complete form layouts.
Text Inputs
Please enter a valid email address.
Textarea
Select
Checkboxes & Radios
Form Example
Alerts & Notifications
Success, warning, error, and informational message components.
Alert Variants
Information
This is an informational message for the user.
Success
Your action was completed successfully.
Warning
Please review this information carefully before proceeding.
Error
Something went wrong. Please try again later.
Dismissible Alert
New Feature Available
Check out our new product comparison tool!
Inline Alerts
Item added to cart successfully
This item is currently out of stock
Only 3 items left in stock
Price Components
Price displays, discounts, sale badges, and cart summaries.
Price Display
$89.00 Regular price
$89.00 $119.00 25% OFF
$59.00 $89.00 Sale
Price Range
From $49.00 to $149.00
Price with Variants
Selected: Large / Walnut
$129.00 + Free shipping
Cart Summary
Subtotal $267.00
Shipping Free
Tax $21.36
Total $288.36
Empty States
Friendly messages for empty carts, search results, and lists.
Empty Cart
No Search Results
No results found
We couldn't find any products matching "vintage lamp". Try different keywords.
Browse All ProductsEmpty Wishlist
No Orders
Utilities
Loading spinners, skeleton loaders, avatars, and helper components.
Loading Spinner
Loading...
Skeleton Loaders
Progress Bar
Upload progress 75%
Stock level Low
Avatar
JD
Dividers
OR
Tooltip (CSS only)
This is a tooltip
Ready to Build?
All components are fully customizable via Tailwind CSS and theme configuration.