Buttons
Actions with clear hierarchy and expressive states.
THE COMPONENT LIBRARY V 1.0
Explore the library.
Thoughtfully crafted UI patterns. Preview, customize, and copy the code you need.
01 / COMPONENTS
Components
The small details that make interfaces feel complete.
01
Inputs
Clean fields with helpful labels and hints.
We'll never share your email.
Selects
Make choosing from a list feel effortless.
Choose the option that fits best.
Modals
Focused decisions without losing context.
!
Delete this project?
This action cannot be undone. All project data will be removed.
Cards
Versatile containers for featured content.
✦
Featured resource
Design systems that scale
A practical guide to building better products.
Read the guide →Tables
Structured rows for quick comparison.
| Name | Role | Status | Joined |
|---|---|---|---|
| Olivia Rhye | Product designer | Active | 12 Jan 2026 |
| Phoenix Baker | Developer | Active | 08 Feb 2026 |
| Lana Steiner | Marketing | Pending | 24 Mar 2026 |
Badges
Small signals for status and context.
New feature
● Active
Pending
Urgent
Alerts
Messages that are useful at a glance.
i
A new update is available
We've added new components to your library. Explore what's new.
View updates02 / NAVIGATION
Navigation
Patterns to help people find their way.
Sidebars
Persistent navigation for complex apps.
Navbars
A simple top-level wayfinding pattern.
Breadcrumbs
Show location in a deeper hierarchy.
Tabs
Organize related views in one place.
03 / DATA DISPLAY
Data Display
Make information clear, useful, and easy to scan.
Data Tables
A compact overview of records and status.
Recent transactions
You had 3 transactions this month.
| Transaction | Date | Amount | Status |
|---|---|---|---|
| Pro subscription | Oct 12 | $49.00 | ● Paid |
| Team seats | Oct 08 | $120.00 | ● Paid |
| Storage add-on | Oct 02 | $12.00 | ● Pending |
Stats Cards
Bring key metrics into focus.
Total revenue↗
$48,294
↑ 12.8% vs last month
Active users♙
2,847
↑ 8.2% vs last month
Empty States
Turn empty space into a helpful next step.
✧
No projects yet
Create your first project to get started.
Pagination
Comfortable movement through longer lists.
04 / FORMS
Forms
Thoughtful flows for collecting information.
Login
A polished sign-in experience with workspace access.
✦ orbit.Trusted by creative teams everywhere.
Welcome back to your best work.
One place to plan, create, and keep your team in sync.
Registration
A complete account setup without the clutter.
Profile
A more complete personal information editor.
Multi-step Forms
A guided setup with workspace details and preferences.
05 / PAGES
Pages
Complete starting points for your next product.
App Shell
A navbar and sidebar layout with an empty area for your own page content.
Dashboard
A complete overview with metrics, trends, and activity.
OVERVIEW
Good morning, Alex 👋
Here's what's happening across your workspace.
Total revenue↗
$48,294↑ 12.8% vs last monthActive customers♙
2,847↑ 8.2% vs last monthConversion rate◎
6.24%↑ 1.4% vs last monthRevenue trend
Performance over the last 7 months
AprMayJunJulAugSepOct
Recent activity
Latest updates from your team
OR
Olivia published a new report
2 hours ago
PB
Phoenix joined the workspace
Yesterday
User Management
A complete team view with roles, search, and invitations.
WORKSPACE
Team members 24 users
Manage people, permissions, and pending invites.
All membersPending invites 3
| Member | Role | Status | Last active | Action |
|---|---|---|---|---|
| Alex Morganalex@acme.co | Admin | Active | Just now | ⋯ |
| Olivia Rhyeolivia@acme.co | Editor | Active | 2 hours ago | ⋯ |
| Phoenix Bakerphoenix@acme.co | Viewer | Invited | — | ⋯ |
Showing 1–3 of 24 members
Settings
A structured space for workspace and notification preferences.
PREFERENCES
Settings
Manage your workspace and how you hear from us.
Login Page
A full sign-in screen with product story and clear actions.
◆ orbit.
WELCOME BACK
Sign in to your account
Pick up where your team left off.
or continue with
New to Orbit? Create an account
404
A memorable error page with useful recovery paths.
⌕
Error 404
This page wandered off.
The link may be broken or the page may have moved. Let's get you back to something useful.
Landing Pages
A complete landing page with about, services, features, pricing, and contact.
Your ideas deserve a better workspace.
Bring plans, people, and progress together in one clear space. Prism helps your team move from scattered notes to focused work.
✦ Product workspaceOn track
Ideas24
In progress08
Completed16
AMAlex moved “Launch checklist” to In progress2h ago
ABOUT PRISM
A home for the work behind the work.
Prism is an illustrative workspace concept for teams that need a shared view of ideas, priorities, and delivery. It keeps the important context close to the people doing the work.
What you can do →✧Clarity
See what matters next.
◎Focus
Keep projects moving.
One shared direction
A simple place for the team to stay in sync from first thought to final handoff.
WHAT WE HELP YOU DO
From idea to delivery, together.
Three simple ways to bring more structure to the work your team already does.
✎
Plan with purpose
Turn rough ideas into priorities, milestones, and a clear path forward.
♧
Work in sync
Keep decisions, updates, and ownership visible to the whole team.
↗
Ship with confidence
Follow progress and make handoffs without losing the context behind them.
FEATURES
The details stay connected.
Give every project a clear place to live, then make the next step easy to find.
- ✓Flexible project boards and task views
- ✓Shared notes and decisions in context
- ✓Progress snapshots for quick check-ins
Website refreshBoard view ⋯
TO DO
Review page map
IN PROGRESS
Design new hero
Write page copy
DONE
Set direction ✓
PRICING
A plan for every stage.
Illustrative pricing for this template. Replace these plans with your own offering.
Starter
For solo projects
$0 / month
- ✓ One workspace
- ✓ Basic project boards
- ✓ Personal notes
POPULAR
Team
For growing teams
$12 / member / month
- ✓ Unlimited projects
- ✓ Shared boards and notes
- ✓ Team activity views
Studio
For larger workflows
$24 / member / month
- ✓ Everything in Team
- ✓ Advanced permissions
- ✓ Priority support
CONTACT
Let's make space for what's next.
Have a question about the template or want to talk through a workspace for your team? Send a note and start a conversation.
✦ Clear plans. Better collaboration. Less noise.