E-commerce Blocks
Product cards, checkout flows, and shopping components
E-commerce Blocks
Professional e-commerce components for online stores and marketplaces.
Product Card
Product display with image, title, price, and actions.
Product Card
Product Grid
Multiple products in a responsive grid.
Product Grid
Shopping Cart
Cart summary with items and checkout.
Shopping Cart
Order Summary
Checkout order review.
Order Summary
Usage
Customize e-commerce blocks for your store:
Add Product Data
{
"type": "card",
"dataSource": {
"api": "/api/products",
"method": "GET"
}
}Add to Cart Action
{
"type": "button",
"label": "Add to Cart",
"action": {
"type": "submit",
"endpoint": "/api/cart",
"method": "POST"
}
}Customize Pricing Display
{
"type": "text",
"content": "$299.99",
"className": "text-2xl font-bold text-primary"
}Next Steps
- Browse Authentication Blocks
- Explore Dashboard Blocks
- Learn about Actions