Skip to content
Pimolu UI
Pimolu UIPrecise. Personal. Yours.

One system.
Your identity.

Thoughtful React components. Endless room to make them your own.

Start building Explore the components

Open source. Typed in TypeScript. Styled with Pimolu.

Together
Room for your next idea.
Your next launch

Pencil it in for Oct 22.

Ready when you are.

Your changes are saved.

A system with room to grow
React + Next.jsShared design tokens7 visual presetsLight & dark

01 / From primitives to product

Good pieces.
Better together.

An interface should feel like one idea. Explore a workspace built with the same Pimolu components you can use in your application.

Orbit / Workspace
Live demo

A little more clarity, every day.

Your next chapter starts here.

Revenue
$32,480Increased 12.8%

Compared with last month

Projects
03

Good ideas, taking shape

Launch checklist
2 / 3

One step closer to launch

Steady progress.

Revenue

Revenue over the last 30 days

Revenue trendSparkline with 6 data points. Values from $3,200 to $9,080.
Revenue trend data
PointValue
#1$3,200
#2$4,100
#3$3,800
#4$5,900
#5$6,400
#6$9,080
Day 1 · $3,200Day 30 · $9,080

Ready when you are.

Small steps. Something great.

Launch checklist

Sample data. Real components. Try the tabs, checklist or create a project.

INTERACTIVE COMPOSITION / WORKSPACECard · Stat · Tabs · Chart · Dialog · Table

Small details. Real possibilities.

A little of everything.
A lot you can build.

Try a few everyday moments. Every control here is a real Pimolu component, ready to become part of your product.

Make a little time

Good plans start with a clear date.

Studio session
October 2026
Use the arrow keys to move by day, Page Up and Page Down to change the month, and Home or End to move within the week. Press Enter or Space to select.

Your studio day: Oct 22.

One thought away

A shortcut from intention to action.

  • Create a project
  • Invite your team
  • Open preferences

Open search, use the arrow keys, then press Enter.

The right kind of update

Useful feedback, at the right moment.

You’re in the loop.

Open the bell to try it.

2 unread

Good work is a conversation. Keep the important moments close.

Design handoff
Choose how you stay in touch.

Email updates are on for this preview.

Press play

A different way to tell your story.

Action gamePimolu / Play | local soundtrack
0:00 / 0:00

Two local soundtracks. Press play and find your rhythm.

Find the pieces for your next idea.

Explore all components
01 /

The details are the design.

Clear hierarchy. Deliberate spacing. States that feel connected. A shared visual language, from the smallest control to the whole application.

Tokens → themes → components

02 /

Built to be put together.

Compose forms, navigation and data-rich views with familiar React APIs. Build on the existing pieces and keep control of your application.

React · TypeScript · plain CSS

03 /

Interaction comes included.

Keyboard navigation, focus management and meaningful states live in the components. Your job is to give them a purpose.

Try the live examples

02 / Your point of view

Same foundation.
Different feeling.

Quiet and professional. Bold and playful. Start with a preset, explore light and dark, and let your product’s personality come through.

Visual preset
Corners

These controls change only the preview below. Your site preferences stay yours.

Available

A space that feels like you.

A few considered details make all the difference.

Just the updates that matter.

Try a different preset. The structure stays familiar.

One provider. A different perspective.

Your identity is a first-class feature.

Colors, corners and visual character work together. Choose a starting point, then shape the details.

app/providers.tsxtsx
import { Button, PimoluProvider } from "@pimolu/react";

export function Preview() {
  return (
    <PimoluProvider
      stylePreset="default"
      theme="light"
    >
      <Button>Make it yours</Button>
    </PimoluProvider>
  );
}

Live code updates with your choices. Copy it into your existing Pimolu integration.

One foundation. Different destinations.

Your world.
Built with Pimolu.

The same components can belong in very different places. Explore four ways to put them together.

01 / Enterprise & SaaS

Clarity for the work ahead.

Bring people, progress and decisions into one considered workspace.

Studio / OverviewOn track
Quarterly revenue
$48,290Increased 12.8%

Sample workspace data

Launch readiness

One final review before the next chapter.

Made for what you have in mind.

Your next idea.
Already taking shape.

Find your starting point View on GitHub

Pimolu is growing in the open. Explore the source, try the components, and help shape what comes next.