HyperTheme

Editor v0.1

DocsChangelog

Try it

Getting Started

InstallationPro InstallationPROUpgrade to v0.1

Guides

Create a Custom Editor Panel

Components

ThemeEditorProviderHyperThemeEditorThemeEditorThemeEditorDrawerThemeEditorDrawerHeaderThemeEditorDrawerFooterThemeEditorRootPanelThemeEditorButtonColorModeToggleThemeIcon

Hooks

useThemeEditor

Editors

ColorsFont SizesTypography PROFonts PROLine Heights PROLetter Spacing PROShadows PRORadii PROSpace PRO

Colors Editor

Colors Editor Panel

Change all Chakra UI theme colors, create custom brand colors and generate color palettes.

  • @hypertheme-editor/chakra-ui-colors

  • Import

    import { ThemeEditorColors } from '@hypertheme-editor/chakra-ui-colors'

    Usage

    ThemeEditColors works with the ThemeEditorDrawer component.

    Put the ThemeEditColors component as a children of ThemeEditorDrawer and set icon and title props like in this example:


    Hyper kit

    Made with ❤️ in 🇮🇹 | byHyperting

    Table of content

    • Import
    • Usage