STUDS is a modern React component library designed for building clean, accessible, and consistent user interfaces.
npm install @uxe/react
# or
yarn add @uxe/react
# or
pnpm add @uxe/react
import { StudsButton } from '@uxe/react/button'
import { StudsInput } from '@uxe/react/input'
import '@uxe/react/styles'
function App() {
return (
<div>
<StudsInput placeholder="Enter text..." />
<StudsButton>Click me</StudsButton>
</div>
)
}
The library includes the following components:
-
StudsAccordion
- Collapsible content sections -
StudsBadge
- Status indicators and counters -
StudsButton
- Interactive button elements -
StudsCheckbox
- Form checkbox inputs -
StudsDialog
- Modal dialogs and popovers -
StudsIcon
- Icon components using react-icons -
StudsInput
- Text input fields -
StudsSelect
- Dropdown select menus
MIT