Back to Gallery

UI Theme Builder

Get your shadcn/ui site colours sorted. Pick from 12 built-in themes, hit randomise for something fresh, or build from scratch. See everything update live on real components. Export as CSS variables (OKLCH or HSL) for shadcn/ui, DaisyUI v4/v5, Tailwind v4, or JSON tokens for Figma.

Configuration

Dark purple theme from TallyHo time tracking app • OKLCH format for shadcn/ui

Theme Colours

Click any colour to customize

Background
#1a0f26
Foreground
#faf9fa
Card
#221633
Card Foreground
#f2f0f3
Popover
#221530
Popover Foreground
#faf9fa
Primary
#9f6fe8
Primary Foreground
#fcfafd
Secondary
#723fa8
Secondary Foreground
#faf9fa
Accent
#bb93e7
Accent Foreground
#faf9fa
Destructive
#e85d4e
Destructive Foreground
#faf9fa
Muted
#2f1f40
Muted Foreground
#afa0bd
Border
#4d3366
Input
#665580
Ring
#7c3aed

Freelancer Marketplace

Live preview using the TallyHo Dark theme

Total Earnings
$48,574
+12.5% from last month
Active Projects
127
+23 from last week
Total Freelancers
1,428
+89 this month

Project Completions

Projects completed over time

Design
Development

Form Inputs

Focus to see the ring colour

Popover

Click to toggle popover colours

Popover Content

This popover uses the popover background and foreground colours from your theme.

Radio Group

Selected option uses primary tint

Available Freelancers

Find the perfect freelancer for your next project

NameExpertiseStatusRateLocation
Emma Stevens
@emmastevens10101970
UI/UX Design
Figma, Adobe XD
Available
$85/hr
Remote
Marcus Chen
@marcuschen90210
Full Stack Dev
SvelteKit, Node.js
Busy
$120/hr
Hybrid
Sofia Patel
@sofiap_4949
Mobile Developer
Swift, Kotlin
Available
$95/hr
Remote
James Wilson
@jameswilson19800102
DevOps Engineer
AWS, Docker, K8s
Unavailable
$110/hr
In-Office
Aisha Lopez
@aishalopez_4156
Content Writer
SEO, Copywriting
Available
$65/hr
Remote

Buttons & Actions