About
A set of swatch cards for picking a color theme preset, highlighting the currently selected option with a ring.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Theme Preset Picker to your project and fits it to your theme.
Code
How Theme Preset Picker is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
"use client";
import ThemePresetPicker from "@/components/ui/theme-preset-picker";
export default function ThemePresetPickerDemo() {
return (
<div className="w-full min-h-[320px] flex items-center justify-center bg-background text-foreground p-8">
<ThemePresetPicker />
</div>
);
}
More by f0rextasy
View all
Newsletter Signup Card
6
Stamp Seal
6
Network Graph
5
Board Checklist
4
Time Input
3
Data Table
3
Empty State Card
2
Running Order Timeline
2