Skip to main content

Home Guide Components Playground Theme designer Security Version

opus-react v0.20.3

Theme

Components

Overview(308)Relationships

Alert Avatar Avatar group Background blobs Badge Card Chat Bubble Clock Content timeline Description list Divider Empty state Flip Clock JSON viewer List Masonry grid Panel Property grid Section Show more Skeleton Statistic Text Marquee Tree menu Tree view

3D asset gallery 3D asset lightbox 3D asset thumbnail 3D asset viewer

Accordion Accordion group

Dual List Builder Filter Builder Permissions Matrix Property Inspector Query Builder Rule Builder

Audit log Bulk action bar Data grid Diff viewer Editable data table File manager Infinite selectable list Table Tree table Upload queue Virtual list

Desktop Desktop Dock Desktop Icon Desktop Window

Save-state indicator

Carousel Image gallery Image thumbnail Lightbox

Aspect Ratio Columns Container Custom Scrollbar Dock Layout Grid Overflow toolbar Resizable Panel Resize Handle Scroll Area Spacer Splitter Stack Three Pane Layout

Audio Player Video Player

Bottom Navigation Breadcrumb Dock / Toolbar Dropdown menu FAB Mega menu Navigation Rail Page Header Pagination Sidebar Split Button Tabs Top navigation

Calendar Kanban Board Resource Planner Scheduler

Stat Tile Stat Tiles Tile Tiles

Clipboard Copy button Focus trap Hotkey manager Icon Icon badge Intersection observer Keyboard shortcut Portal Portal host Resize observer Spinner Theme provider Theme switcher Visually hidden

Dashboard Content Container Deals Over Time Gauge KPI Card Metric Tile Pipeline Overview Profile Photo Upload Progress Bar Progress Ring Recent Activity Sparkline Speedometer Stat Card Status Indicator Top Performing People Trend Badge Upcoming Tasks User Profile

Accent colour picker Async multi-select Async select Button Cascader Checkbox Checkbox group Chip input Choice chips Colour clouds Colour picker Combobox Country picker Currency input Currency selector Date picker Date range picker Date/time picker Email input Emoji picker File upload Filter select Form & validation summary Form wizard Hidden input Icon picker Image crop upload Language picker*List field Masked input Mention input Month picker Multi select Multi-file upload Note composer Number input OTP input Password input Password strength field Phone number input Radio group Range slider Rating input Recurrence editor Reset button Rich text field Search Box Search input Segmented control Select Signature pad Slider range Submit button Switch Text input Textarea Theme toggle Time picker Time range picker Transfer list Tree select URL input Week picker

Asteroids Game Pac-Man Game

100% Stacked Bar Chart Bar Chart (Horizontal)Bar Chart (Vertical)Bullet Chart Grouped Bar Chart Pareto Chart Range Bar Chart Stacked Bar Chart

Financial Charts(3)

Candlestick Chart OHLC Chart Waterfall Chart

Chord Diagram Force Directed Graph Funnel Chart Network Graph Pyramid Chart Sankey Diagram

Hierarchy Charts(2)

Circle Packing Treemap

Area Chart Line Chart Multi-Line Chart Range Area Chart Ridgeline Plot Spline (Smooth Line)Stacked Area Chart Stream Graph

Bubble Map Choropleth Map Geo Map

Matrix Charts(4)

Calendar Heatmap Contour Plot Heatmap Surface Plot (2D projection)

Planning Charts(3)

Gantt Chart Milestone Timeline Timeline

Point Charts(3)

Bubble Chart Hexbin Plot Scatter Plot

Radial Charts(5)

Donut Chart Pie Chart Polar Area Chart Radar Chart Sunburst Chart

Statistical Charts(6)

Box Plot Density Plot Error Bar Chart Histogram Parallel Coordinates Violin Plot

Bottom sheet Command palette Confirm dialog Context menu Cookie consent Dialog Drawer Modal Popover Product tour Toast Tooltip

Application Footer Application Header Background Blobs Theme Lab Chat Conversation Notes & Activity Notification Centre Sidebar User Profile

Authentication(12)

Change Password Form Check Email Screen Email Verified Screen Forgot Password Form Google & Apple Login Form Google & Apple Registration Form Link Expired Screen Login Form OTP Form Passkey Login Form Register Form Reset Password Form

Appointment Diary

Company Card Company Details Company Directory Company Notes

Contact Card Contact Details Contact Directory Contact Notes

Dashboard Layout Dashboard List Columns Dashboard Welcome

Desktop Environment

Document Manager

Form Submission

Product Catalogue

Quotation Builder Sales Invoice Sales Opportunity Pipeline Sales Order

System Configuration

403 Page 404 Page App setup Error state

Opus
Documentation
Components
Dashboard

Components

Loading preview…

Dashboard Content Container

Preview theme

Preview theme

Open in Playground More

Dashboard section

Systems healthy

Waiting for action

View Dashboard Content Container component

Deals Over Time

Preview theme

Preview theme

Open in Playground More

Deals Over Time

Period

Waiting for action

View Deals Over Time component

Gauge

Preview theme

Preview theme

Open in Playground More

Gauge

Supporting description for the gauge

76%75.55 score

↑ +10%

You earn $3287 today, its higher than last month. Keep up your good work!

Target$20K↓

Revenue$16K↑

Today$1.5K↑

Waiting for action

View Gauge component

KPI Card

Preview theme

Preview theme

Open in Playground More

↑ 8.4%

Revenue

$128k

Waiting for action

View KPI Card component

Metric Tile

Preview theme

Preview theme

Open in Playground More

MRR

$84.2k

Waiting for action

View Metric Tile component

Pipeline Overview

Preview theme

Preview theme

Open in Playground More

Pipeline Overview

Qualification£842,000 (34%)
Proposal£621,000 (25%)
Negotiation£542,000 (22%)
Closing£331,000 (13%)
Won£144,000 (6%)

Total Pipeline Value£2,480,000

Period

Waiting for action

View Pipeline Overview component

Profile Photo Upload

Preview theme

Preview theme

Open in Playground More

Update profile photo

Profile photo

Drag and drop a profile photo

or

Browse image

Waiting for action

View Profile Photo Upload component

Progress Bar

Preview theme

Preview theme

Open in Playground More

Sprint progress64%

Waiting for action

View Progress Bar component

Progress Ring

Preview theme

Preview theme

Open in Playground More

72%Quota

Waiting for action

View Progress Ring component

Recent Activity

Preview theme

Preview theme

Open in Playground More

Recent Activity

Waiting for action

View Recent Activity component

Sparkline

Preview theme

Preview theme

Open in Playground More

Weekly trend

Waiting for action

View Sparkline component

Speedometer

Preview theme

Preview theme

Open in Playground More

78Utilisation

Waiting for action

View Speedometer component

Stat Card

Preview theme

Preview theme

Open in Playground More

↑ 11.01%

Customers

3,782

Waiting for action

View Stat Card component

Status Indicator

Preview theme

Preview theme

Open in Playground More

Systems healthy

Waiting for action

View Status Indicator component

Top Performing People

Preview theme

Preview theme

Open in Playground More

Top Performing People

Waiting for action

View Top Performing People component

Trend Badge

Preview theme

Preview theme

Open in Playground More

↑ 12.4%

Waiting for action

View Trend Badge component

Upcoming Tasks

Preview theme

Preview theme

Open in Playground More

Upcoming Tasks

Follow up with Sarah Jones
Call with James Smith
Prepare quote for Initech

Waiting for action

View Upcoming Tasks component

User Profile

Preview theme

Preview theme

Open in Playground More

Carl FearbyAdministrator

Waiting for action

View User Profile component