Blocks for real screens
Chat panels, settings pages, pricing tables and admin shells, built from antuikit components. Open one and copy its code.
In context
Start from a screen, not a button
Component pages end with blocks that put the component inside a real screen, next to the components it usually sits beside.
More than 180 blocksReal screens and panels across 73 components, from a chat panel to an admin shell.
Built from the kitBlocks use the same components you install with one add command.
Copy the codeThe Code tab shows the file that drew the preview, ready to paste.
Light, dark and compactSwitch any preview to dark mode, compact spacing or high contrast.
Your color and radiusPick a primary color and a corner radius, and the block repaints.
Right to leftFlip a block to right to left to check it for Arabic or Hebrew.
Seven icon packsFluent, Lucide, Ant icons, Tabler, Phosphor, Remix and Hugeicons.
Open in an AI chatSend a block to Claude or ChatGPT with its source, then ask for changes.
Realistic contentNames, prices, statuses and dates that look like a product, not placeholder text.
Inside the System
Blocks by the screen they build
Each group links to a component page, where its blocks sit under In context with their code.
AI chatChat panel, agent input, prompt composer, support chat and a mobile assistant.Agent outputAgent replies, answers with sources, research steps and code answers.Tables and listsTeam members, room types, an inbox, an activity feed and bulk selection.SettingsWorkspace settings, feature flags, a permissions matrix and two-factor setup.Pricing and billingPricing tables, plan cards, a billing cycle switch and an invoice summary.App shellsAn admin shell, an app sidebar, an editor layout and a command palette.PickersCountry, time zone, phone number, branch, reviewer and currency pickers.NotificationsDeploy finished, push messages, billing warnings and service health.Timelines and logsAgent run traces, audit logs, approval workflows and a project roadmap.FilesUpload panels, shared files, project trees and generated images.Booking and shoppingA cart line item, guests and rooms, hotel search and a review summary.OnboardingA dashboard tour, an onboarding checklist, an empty chat and a what's new dialog.
Design smarter, ship faster.
Save weeks of setup. Design with AntUIKit's system, components, blocks, flows, and templates.
Explore Figma© 2026 AntUIKit . All rights reserved.