INTRODUCING ICOVERA

Design once.
Feel at home everywhere.

A quiet, consistent language for every interface you build. Beautifully rounded surfaces, thoughtful interactions, and components that finally feel like they belong together.

POY Built for Pura, Okumo, Yapuro & the next idea.
01 / THE SHOWCASE

Your workspace, beautifully composed.

A living preview made from real Icovera components. Try the interactions.

Interactive preview
preview.icovera.dev/workspace
100%
Workspace Overview
L
MONDAY, NOVEMBER 2 ✦

Good evening, creator.

Here is a little snapshot of your world.

Total projects
24 +12%

Across all your workspaces

Active members
08 +2 new

Working together with you

Uptime
99.9% Healthy

Everything is running smoothly

Workspace activity

Activity across your apps

Last 12 weeks
AugSepOctNov

Quick glance

Everything in one place

Design systemIn progress
Active
Security checksAll systems normal
Release readinessAlmost there
82%
Real components. No mockup.Built with @iconical/ui
02 / YOUR SYSTEM, YOUR WAY

One foundation. Endless personality.

Customize without breaking consistency. Changes apply to the entire showcase.

Appearance

Switch between crisp light mode and immersive dark surfaces.

Color schemes

Five carefully balanced accent palettes. Just pick your mood.

Change the accent

Comfortable by default

Dial in the spacing for the way you work. Spacious or compact.

Open global settings Rounding, borderless mode and transition effects
03 / THE BUILDING BLOCKS

Small details. Big difference.

Consistent states, sensible defaults, and the tiny interactions that make software feel good.

Browse all components
Preview & code
COMPONENT 01

Actions & feedback

Designed to communicate, never distract.

Interactive
SuccessPendingFeaturedDefault
Preview & code
COMPONENT 02

Inputs & fields

Accessible, clear and easy to compose.

This is a real, editable input field.

Preview & code
COMPONENT 03

Tabs & navigation

Switch content without losing your place.

A beautiful little overview.

Same language, no matter what you're building.

Preview & code
COMPONENT 04

Switches & preferences

Simple controls with clear intent.

Push notifications

Get notified about what matters.

Appearance

Use the current theme preferences.

dark
Private by default

Your components, your control.

Preview & code
COMPONENT 05

Disclosure & details

Information when you need it.

Icovera is the visual foundation for Iconical apps: reusable components, polished layouts, and consistent theme tokens.

Preview & code
COMPONENT 06

Messages & empty states

Thoughtful feedback for every moment.

Everything is looking good

Your design system is ready for a new project.

Nothing here yet

A little room for something wonderful.

04 / MADE FOR DEVELOPERS

Thoughtful on the outside.
Practical on the inside.

Compose accessible React interfaces with a predictable, reusable API. Keep your product logic in your app and your design language in one place.

Read the getting started guide
app/dashboard.tsx
import { Button, Card } from
  "@iconical/ui";

export default function Dashboard() {
  return (
    <Card>
      <Button variant="primary">
        Create project
      </Button>
    </Card>
  );
}

Make every detail feel intentional.

One design language. Every Iconical app.

Build with Icovera

Create a project

A little example of a reusable, accessible modal.

Just a local preview. No data will be sent.