React UI library that provides a wide range of editable React and Styled components.
Smart React Components is consist of different modules and each one provides different features and components.
- Core
- Includes core features and components.
- All other modules are dependent to the core module.
- UI
- Includes UI components.
- Transition
- Includes transition components.
- Router
- Includes router components.
Visit the documentation page for more information and demo about SRC.
SRC is available as a package on NPM for use with a module bundler.
# NPM
$ npm install --save @smart-react-components/core
# Yarn
$ yarn add @smart-react-components/core
- Wide variety of editable ready to use Styled and React components.
- Customizable theme.
- Server side rendering.
- Written in TypeScript.
- I18n support.
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|---|
✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
After attaching the SRC theme to the Styled components theme context, you are ready to use all the Styled and React components that SRC provides.
import React from 'react'
import { createRoot } from 'react-dom/client'
import { ThemeProvider } from 'styled-components'
import createTheme from '@smart-react-components/core/theme'
import H1 from '@smart-react-components/core/Element/H1'
const root = createRoot(document.getElementById('app'))
const theme = createTheme()
root.render(
<ThemeProvider theme={theme}>
<H1 color="!primary">Hello World!</H1>
</ThemeProvider>,
)
SRC is provided under the MIT License.