Blocks

11 React blocks for AI products and SaaS.

• Agent Gallery – Slim gradient panels with one open product screen in the middle – pick a panel and it glides open
• AI Workspace – Complete assistant app – sidebar, welcome, streaming chat and projects, built on the Chat Composer
• App Directory – Browse, search and connect integrations – categories, filters and app cards with a connect flow
• Client Context – A client workspace with live numbers and a shared context timeline – switch clients, search, filter and add notes or files
• Invoice & Credit Note – An invoice and its credit note stacked like paper – switch between them, pick lines to credit, adjust amounts and issue
• KPI Board – The top of a dashboard – three trend cards, an overview chart that compares this period with the last, and a focus card; hover shows any day's value and every number rolls when the range changes
• Logo Marquee – The endless “Trusted by” strip – a seamless loop that eases to a stop on hover, scrubs with inertia and lifts the hovered logo to colour
• Metrics Dashboard – Sales overview – KPI cards pick the metric, one chart switches between dotted line and bars, with top products and channels
• Pricing Plans – Pricing section with a monthly / yearly switch, three plan cards and collapsible details
• Task Board – Kanban board with drag and drop, quick add, a detail panel, search, label filters and a compact view
• Testimonial Wall – The landing-page wall of quotes – columns that scroll endlessly in opposite directions, ease to a stop on hover and scrub with inertia