Build stunning websites in a small amount of time.
DecaUI allows users to create websites with ease as they have access to a large suite of React components.
H1
H2
H3
H4
H5
H6
Package Deleted
Themeable
Easy to customize the look and feel of your website by editing the theme.
Accessible
All of DecaUI's components are built with accessibility in mind so everyone can enjoy your site.
Stitches
Built with StitchesJS which provides world class developer experience.
Dark Mode
DecaUI's built in dark mode option allows your site to feel sleek and modern.
Customize your application with ease.
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>
Build your brand today.
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
Make a beautiful site with ease.
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 Elliot Saha