BlockReactregistry:block

Tinte Theme Editor

tinte-editor

Live theme editor with AI-powered theme generation, Browse tab for tinte.dev themes, and manual color editing. Complete shadcn/ui theme customization tool. Works entirely client-side with DOM-based CSS variable management.

@elements Registry JSON

This item declares no source files.

Notes from the author

https://www.tryelements.dev/docs/tinte

Install

npx shadcn@latest add @elements/tinte-editor

Needs @elements in your components.json registries — switch to URL if it doesn't resolve.

Registry: @elements
Kind: Block
Framework: React
Files: 0 · 89.2 KB
Preview: Unavailable

npm dependencies

@ai-sdk/openai @radix-ui/react-accordion @radix-ui/react-dialog @radix-ui/react-scroll-area @radix-ui/react-tabs @uiw/color-convert @uiw/react-color streamdown ai culori lucide-react

Registry dependencies

buttonshadcn/ui
inputshadcn/ui
labelshadcn/ui
popovershadcn/ui
dialogshadcn/ui
tabsshadcn/ui
textareashadcn/ui
accordionshadcn/ui
tinte-logo@elements
theme-switcher-classic@elements

This item belongs to @elements. Registry Index indexes and previews it; check the registry's license before use.