Lab Pro Pro

Templates

Whole pages built from blocks, shown here as they would run on their own.

Included in Lab Pro

Blocks and templates are part of Lab Pro, with the 13 Figma plugins. The components they are built from are free. Get started with the free kit.

Pro app: 19 pages

Like Ant Design Pro: dashboards, lists, forms, profiles, results, exceptions and account pages in one app frame. Use the sidebar inside the preview to move between them. Open full screen (opens in a new tab)

Dashboard

Analysis (opens in a new tab) KPI cards with tiny charts, a sales trend with a ranking, top searches and sales by category.
Monitor (opens in a new tab) Live numbers, a request chart, capacity gauges, an error heatmap and incidents.
Workplace (opens in a new tab) A greeting, projects, activity, quick links and the team index.

Lists

Table list (opens in a new tab) A query form above a full data grid.
Card list (opens in a new tab) Products as cards with ribbons and actions.
Search list (opens in a new tab) Search with suggestions, filters and paged results.
Board (opens in a new tab) A kanban board you can use with the keyboard.

Forms

Basic form (opens in a new tab) One card of common fields.
Step form (opens in a new tab) Fill, confirm, done.
Advanced form (opens in a new tab) Sections, a members table and a sticky action bar.

Profile

Basic profile (opens in a new tab) Order details, items and shipping.
Advanced profile (opens in a new tab) Header stats, progress, details and a log.

Result

Success (opens in a new tab) A success result with next steps.
Fail (opens in a new tab) A failure result with the reasons.

Exception

Account

Account center (opens in a new tab) Profile, tags, teams and work.
Account settings (opens in a new tab) Sections for profile, security, accounts and notifications.

Landing page

Hero, features, testimonials, pricing, FAQ, call to action and footer. Open full screen (opens in a new tab)

Dashboard

KPIs, onboarding, notifications, orders and a calendar in the app shell. Open full screen (opens in a new tab)

Settings

Account settings in the app shell. Open full screen (opens in a new tab)

Sign in

A split page: the brand on one side, the form on the other. Open full screen (opens in a new tab)