@noey-17/dolores-ds
v0.3.3
Published
A React design system built on Untitled UI + Tailwind CSS v4 with chunky button shadows, a brand-blue palette, and a Storybook playground.
Maintainers
noeyabernathyReadme
@noey-17/dolores-ds
A React design system built on Untitled UI + Tailwind CSS v4. Chunky button shadows, brand-blue palette, light/dark theming, and a Storybook playground.
Install
npm install @noey-17/dolores-ds
# peer deps
npm install react react-dom react-aria react-aria-components @react-aria/utils @react-stately/utils @untitledui/icons tailwind-mergeUsage
import { Button, Input } from '@noey-17/dolores-ds'
import '@noey-17/dolores-ds/style.css'
export function Example() {
return (
<div>
<Input label="Email" placeholder="[email protected]" />
<Button color="primary">Save</Button>
</div>
)
}Light / dark mode
Toggle the dark-mode class on the <html> element:
document.documentElement.classList.toggle('dark-mode')All color tokens (bg-primary, text-secondary, border-brand, etc.) reflow automatically.
Components
Buttons (Button, ButtonUtility, CloseButton, SocialButton, ButtonGroup), Avatar, Badge (+ variants), Checkbox, RadioGroup, Toggle, Input (+ variants), TextArea, Select, MultiSelect, ComboBox, Slider, ProgressBar, Tag, Tooltip, Dropdown, Modal/Dialog. See the Storybook for the full catalog.
License
MIT — see Untitled UI's license for the underlying components.