React components for Web and Native
Small panes.Big ideas.
Components that feel at home on the desktop. Copy the source into your app and make it yours.
npx paneui@latest initpaneuiTap a pane
01Controls
DayWeekMonth
02Numbers
Revenue this month+12.4%
$48,21003Agents
- Read the brief, Done0.4s
- Draft three layouts, Done3 files
- Check contrast in dark mode, DonePassed
- Open a pull request, Done#128
04People
+3
4 people are editing
01Make it yours
One radius. Every corner.
Pick an accent and a radius. This page follows, and so will your app.
Accent
Radius8px
0SMLXL
Mode
LightDark
--radius8px
MikaDesign
Storage
3 new
02Web and Native
Two platforms. One design.
The Native package shares colour, radius and type with the web, and sizes every control for touch. Flip a switch on either side.
Open the Native showcaseWebpaneui.dev/settings
Notifications
Choose what reaches you.
Sound
OffSoftLoud
9:41Native
Notifications
Quiet hours22:00–07:00
03Components
179 components, ready to drop in.
Every one is live in the docs. Try it before you install it.
All components04Install
Start in one line.
Works in any React 19 project with Tailwind CSS 4. The files land in your repo, so nothing is locked away.
CLI reference- 01Registers @paneui and installs the theme
npx paneui@latest init - 02Copies the source into your app
npx paneui@latest add button card - 03Pulls new versions when you want them
npx paneui@latest update
Or with the shadcn CLInpx shadcn@latest add @paneui/button