Skip to content

Embeddable Theme Editor #241

@mdvertola

Description

@mdvertola

Is your feature request related to a problem? Please describe.
There is no good way to give users ability to fully customize their UI/UX, style, color, etc. on a shadcn website and i think that this may be a great way to do that.

Describe the solution you'd like
TLDR; embed the tweakcn editor into your app so your users can customize your apps theme themselves.

I would like a route to be created on tweakcn for an "embeddable view". This would allow me to iframe tweak cn within my website. Ideally this route would accept a url parameter for a "save" webhook. eg tweakcn.com/embed?saveWebhook=mywebsite.com/save-theme?userId=abc123

then in this embed view we remove most of these buttons here:

Image

in place for a super simple and clean "save button" which on click will send a request to that provided url parameter to send the theme url (eg https://tweakcn.com/r/themes/ocean-breeze.json) to my application for consumption.

then in my application i could save that and use it as a theme override so my users can effectively set an entirely custom theme across my site and edit it without any real technical understanding of whats happening under the hood.

Describe alternatives you've considered
Honestly right now i do this but is super limited pretty much to just primary and accent colors but i have a ton of conflicts for dark mode and want to give users more ability to customize their look and layout. I think this would be a super clean and simple approach.

Additional context
(plus this adds a ton of tweakcn.com backlinks and little branding shout outs on everyone who uses its websites)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions