Radzen UI Blocks

Call-to-Action

Centered CTA Left-aligned CTA Justified CTA Image to the left Image to the right

Card

Simple stats Simple stats with icon Stats with trends Stats with trends to the right Stats with square icon

FAQ

FAQ in 2 columns FAQ to the right FAQ Accordion to the right FAQ in centered Accordion

Features

Features with small icons Features with large icons on top Centered features Features with screenshot Alternating features Features in cards Feature list with checkmarks Features with numbered steps

Footer

Footer with sitemap Centered footer Simple footer Footer with newsletter Footer with social links Footer with logo and mission Footer with language selector Fat footer

Heading

Title with actions Title with breadcrumbs Title with breadcrumbs and actions Title with tabs Title with meta Title with search Title with avatar Title with stats Company header with banner Centered profile with banner

Logos

Centered logos Logos to the right Logos with heading Logo grid Logos with stat Logos in cards Logos with testimonial Split logos

Newsletter

Centered newsletter Left-aligned with image Newsletter banner Newsletter in card Newsletter with perks Newsletter with social proof Split newsletter Newsletter with app links

Pricing

Pricing cards Basic pricing Pricing with highlighted plan Pricing with toggle Pricing comparison table Single plan with feature list Pricing with FAQ Tiered pricing with enterprise CTA

Testimonials

Quotes in Carousel Quotes on a row Quotes in Cards Quotes in a CardGroup Centered quotes Single quote

Hero

Centered hero Hero with image to the right Hero with announcement Hero with stats Hero with sign-up Hero with background image Hero with form Hero with logos

Stats

Centered stats Stats with description Stats in cards Stats with dividers Stats with trends Stats on primary Stats with image Banded stats

Team

Team grid Team cards Team with bios Team with square photos Compact team list Team with actions

Text & Media

Two-column content Content with image Centered article Content with checklist Content with callout Content with CTA footer

Activity Feeds

Activity timeline Notification list Comment feed Audit log

Form Layouts

Stacked form Two-column form Settings page Settings with side navigation Danger zone

Filter Panels

Sidebar filters Filter toolbar Applied filter chips Collapsible filters

Onboarding

Steps wizard Progress checklist Vertical steps Welcome panel

AI Blocks

Prompt suggestions Ask bar AI settings AI welcome

Sign-in & Registration

Centered sign-in Split sign-in Registration Sign-in with providers Forgot password Verification code

Contact

Centered contact form Contact form with details Contact cards Office locations Simple contact CTA Contact on primary Centered contact info Contact with office hours

Blog

Article cards Featured article Minimal list Horizontal cards Dark blog Articles with authors Blog with sidebar Post hero

Banners

Announcement bar Promo banner Info banner Floating banner Cookie consent banner Warning banner

Bento Grids

Feature bento Bento with stats Bento with images Outlined bento

Empty States

Simple empty state Empty state with secondary action Dashed empty state Empty search results Empty state in card First-use checklist

Error Pages

404 centered 404 with image 404 with helpful links 500 error Maintenance Access denied

Navbars

Simple navbar Navbar with search Dark navbar Centered navbar Navbar with top bar Transparent navbar Double-deck navbar Navbar with auth buttons Navbar with dropdown indicators Navbar with icon links Minimal navbar Navbar with dividers

Product Cards

Simple product card Card with rating Card with badges Card with add to cart Horizontal product card Card with quick actions

Product Lists

Grid with toolbar Product rows Collection tiles Featured and grid Simple grid Grid with ratings Grid with badges Grid with add to cart Horizontal cards Grid with quick actions

Product Overview

Split overview Overview with tabs Quick view Overview with incentives

Shopping Carts

Cart page Cart panel Mini cart Empty cart

Checkout

Split checkout Steps checkout Payment methods Order confirmation

Orders

Order summary Order history Order tracking

Reviews

Rating summary Review list Write a review