Components Categories MCP

npx uidiy add

uidiy

AI-first UI components.
Browse. Customize. Integrate.

Browse

All Components
Categories
Popular

Developers

MCP Integration
CLI
REST API

Links

GitHub
Submit Component

© 2026 uidiy. Open source UI components for the AI era.

Back to Components

Cards

card

Product card with glass info panel and colored tags

npx uidiy add cards

cardglassmorphismproducttagspricing

Customize

Customize

Tag Orange Background#fff6ed

Card Background#f4f4f6

Tag Blue Background#edf2ff

Primary Text Color#222

Accent Color (Price)#f57030

Tag Blue Border Color#dce6ff

AI Description

A compact product card featuring a stylized product image area and a glassmorphism info panel. It includes a title, two pill tags, and a price row with currency and sold count.