Skip to content

A theme builder and editor tool for Theme UI and System UI specifications and Chakra UI themes, allowing you to view, create, and preview the themes on web pages.

License

Notifications You must be signed in to change notification settings

alexkreidler/theme-builder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Theme Builder

This is a tool to create themes for new websites or applications based on the structure of Chakra UI themes, the Theme UI Specification, or the System UI Theme Specification. This should allow the generated theme to be used across a variety of frontend component libraries.

The project is built with Chakra UI to render the editor interface, and React JSON Schema Forms using the @rjsf/bootstrap-4 theme.

TODOs

  • Editor
    • Make each property in editor a dropdown
    • Allow picking font from Google fonts and auto-load them
    • collapse the sm-2xl to some inline editor so it takes less space
    • allow adding custom keys for each property
  • Preview
    • allow switching the preview page, have multiple (eg component library viewer with all components one page, and application interface)
    • dynamic loading of preview page (maybe something like stackblitz or codesandbox runtime), so can load arbitrary chakra UI projects or even specific components / from github)

Screenshots

theme viewer

landing preview

About

A theme builder and editor tool for Theme UI and System UI specifications and Chakra UI themes, allowing you to view, create, and preview the themes on web pages.

Topics

Resources

License

Stars

Watchers

Forks