Easy to customize the look and feel of your website by editing the theme.
All of DecaUI's components are built with accessibility in mind so everyone can enjoy your site.
Built with StitchesJS which provides world class developer experience.
DecaUI's built in dark mode option allows your site to feel sleek and modern.
DecaUI creates multiple shades of the colors you provide in order to automatically create hover and focus states. In addition to colors, you can customize fonts, spacing, shadows, and everything you need.
<DecaUIProvider
mode="dark"
theme={{
fonts: { normal: "JetBrains Mono" },
colors: {
primary: '#228BE6',
secondary: '#F06595',
success: '#37B24D',
warning: '#FFA000',
error: '#F03E3E',
},
}}
>
<App />
</DecaUIProvider>
Creating your own design language has never been easier.
<Box
css={{
display: "flex",
flexDirection: "column",
gap: "$2",
}}
>
<Text as="h5" mono css={{ mb: "$2" }}>
Get Started
</Text>
<Input variant="outlined" placeholder="Email Address" />
<Input variant="outlined" placeholder="Password" />
<Button css={{ mt: "$2" }}>Create Account</Button>
</Box>
Get started today using our intuitive and unique component library to create your site and share with us what you've built!
For issues, pull requests and contributution.
For announcements, tips and general information.
Made by Heril Saha