@deca-ui/react v1.5.2
Getting Started
npm install @deca-ui/react
Using a component
Here is a simple example of a basic app using DecaUI's Button
component
import { Button } from '@deca-ui/react';
function App() {
return <Button variant="solid">Hello World</Button>;
}
Click here for the full documentation
What's so different about DecaUI
With DecaUI, developers can use the centralized theming system anywhere within their application with shorthand names for css properties.
Custom CSS with other UI libraries
<Box
sx={{
marginRight: '2rem',
marginLeft: '2rem',
marginTop: '2rem',
marginBottom: '2rem',
}}
>
<Input placeholder="Email Address" />
<Input placeholder="Password" />
<Button
sx={{
width: '100%',
}}
>
Create Account
</Button>
</Box>
Custom CSS with DecaUI
<Box css={{ m: 'md' }}>
<Input placeholder="Email Address" />
<Input placeholder="Password" />
<Button maxWidth>Create Account</Button>
</Box>
Our focus is consistancy
The main problem with other UI libraries is that it's confusing to create consistant webpage layouts with them. DecaUI allows developers to utilize a root theme object which serves properties following the System UI specification.
License
MIT @ Heril Saha
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago