Theme presets

Choose a visual direction. Keep one token contract.

Compare every Pro preset in the same product shell, switch between light and dark mode, then take the closest direction into the Theme Builder.

Customize a preset

Get Pro

All included presets

12 foundations for different product moods

Select any preset to update the preview and implementation details below.

Selected preset

Loomi Default

Live preview

The baseline LoomiUI Pro theme with a confident blue primary and cool slate neutrals.

New users

12.4K 18.6%

vs Apr 12 – May 12

Active accounts

8.7K 12.4%

vs Apr 12 – May 12

Retention is 6.8% above the trailing 90-day baseline.

Acquisition mix

New workspaces by source

Six-week retention

Current cohort compared with the baseline

Revenue by plan

Monthly recurring revenue in thousands

Activation health

Key onboarding milestones

Created first project

Invited a teammate

Connected billing

Product intelligence

Acquisition

Track how users discover and arrive at your product.

Total users

24.8K 18.6%

vs Apr 12 – May 12

New users

12.4K 16.3%

vs Apr 12 – May 12

Users by channel

New users by acquisition channel

View full report

New users over time

Daily new-user signups this period

Acquisition by source / medium

Where new users come from

View all sources

Data display

Data tables

Display and manage structured data with clarity.

Basic table

A standard table with sorting, alignment, and row actions.

Row selection

Select one or more rows to take bulk actions.

Inline actions

Take action on each row without leaving the table.

Data entry

Form elements

A comprehensive collection of form controls and states.

Basic inputs

Checkboxes & radios

Channels

Priority

Toggle & switch

Email notificationsSend me campaign performance updates

Auto optimize budgetAutomatically adjust budget allocation

Input states

File upload

Select (multi) & rating

Ratings

4 out of 5

Workspace controls

Settings

See how toggles, cards, and alerts inherit the preset.

Save changes

Notifications

Choose the events your team receives

Weekly performance summary

Billing and usage alerts

Product announcements

Security

Access controls for this workspace

Require two-factor authentication

Allow external guests

Your workspace uses the selected preset’s focus, status, and surface tokens.

Visualization

Charts overview

A collection of charts and visualizations built with the selected preset.

Line chart

Sessions vs page views

Area chart

New vs returning users

Donut chart

Users by channel

Column chart

Revenue by day (in thousands)

Bar chart

Active users by country

Ghana

9.2K

Nigeria

7.8K

Kenya

6.4K

South Africa

5.1K

USA

3.6K

Scatter chart

Revenue vs conversion rate

Pie chart

Sessions by device

Gauge chart

Quarterly goal completion

72%Goal completion

0%100%

UI patterns

Authentication flow

Pre-built authentication UI patterns and states.

Loomi Cloud

Welcome backSign in to your account to continue.

Forgot password?

Don't have an account? Sign up

Loomi Cloud

Create your accountStart your 14-day free trial.

Create account

Already have an account? Sign in

Loomi Cloud

Reset your passwordEnter your email and we'll send you a link to reset it.

Send reset link

Remember your password? Sign in

Two-factor authenticationWe sent a 6-digit code to your phone.

Verify code

Didn't receive code? Resend

Verify your emailWe've sent a verification link to ama@loomidev.com. Click the link to verify your account.

Open email app

Resend email

Session lockedFor your security, you've been logged out due to inactivity.

Unlock session

Access deniedYou don't have permission to access this page.

Go back

Return to dashboard

What ships

A complete theme, not a color swatch

Every preset uses the same semantic contract, so changing direction does not require rewriting your components.

Light and dark modes

Complete surface, text, border, semantic, and focus tokens.

Product-level decisions

Typography, radius, density, shadow, motion, and component sizing.

Multiple export formats

Use generated CSS directly or take the JSON tokens into your tooling.

Included with LoomiUI Pro

Start polished, then make it unmistakably yours

Get all twelve presets, Theme Builder exports, matching templates, Figma resources, and updates.

View Pro licenses