styled-ui is available as an npm package.
// with npm
npm install @styled-ui/react
// with yarn
yarn add @styled-ui/react
styled-ui is an MIT-licensed open source project. It's an independent project with ongoing development made possible thanks to the support of these awesome. If you'd like to join this project, please send email to:
Here is a quick example to get you started, it's all you need:
import React from 'react';
import ReactDOM from 'react-dom';
import styled from 'styled-components';
import AppBar from '@styled-ui/react/AppBar';
const MyAppBar = styled(AppBar)`
color: palevioletred;
`
function App() {
return (
<MyAppBar position='fixed'>
This is a MyAppBar
</MyAppBar>
);
}
ReactDOM.render(<App />, document.querySelector('#app'));
Yes, it's really all you need to get started as you can see in this live and
This project is licensed under the terms of the MIT license.
- AppBar
- Avatar
- Backdrop
- Badge
- BottomNavigation
- BottomNavigationAction
- Button
- ButtonBase
- Card
- CardActionArea
- CardActions
- CardContent
- CardHeader
- CardMedia
- Checkbox
- Chip
- CircularProgress
- ClickAwayListener
- Collapse
- CssBaseline
- Dialog
- DialogActions
- DialogContent
- DialogContentText
- DialogTitle
- Divider
- Drawer
- ExpansionPanel
- ExpansionPanelActions
- ExpansionPanelDetails
- ExpansionPanelSummary
- Fab
- Fade
- FilledInput
- FormControl
- FormControlLabel
- FormGroup
- FormHelperText
- FormLabel
- Grid
- GridList
- GridListTile
- GridListTileBar
- Grow
- Hidden
- Icon
- IconButton
- Input
- InputAdornment
- InputBase
- InputLabel
- LinearProgress
- Link
- List
- ListItem
- ListItemAvatar
- ListItemIcon
- ListItemSecondaryAction
- ListItemText
- ListSubheader
- Menu
- MenuItem
- MenuList
- MobileStepper
- Modal
- ModalManager
- NativeSelect
- NoSsr
- OutlinedInput
- Paper
- Popover
- Popper
- Portal
- Radio
- RadioGroup
- RootRef
- Select
- Slide
- Snackbar
- SnackbarContent
- Step
- StepButton
- StepConnector
- StepContent
- StepIcon
- StepLabel
- Stepper
- SvgIcon
- SwipeableDrawer
- Switch
- Tab
- Table
- TableBody
- TableCell
- TableFooter
- TableHead
- TablePagination
- TableRow
- TableSortLabel
- Tabs
- TextField
- Toolbar
- Tooltip
- Typography
- Zoom