Semantic UI React provides React components while Semantic UI provides themes as CSS stylesheets. Install the React components and choose a theme that suits your needs.
React components can be installed via
If you are using TypeScript, you don't need to install anything; typings are included with the package.
Choose a theme and delivery method that suits your needs:
Semantic UI React is fully compatible with
create-react-app and works out the box. Setting up of custom theme is covered in Theming guide.
Semantic UI React is fully supported by Webpack 4, including tree shaking as of
Please ensure that you build your app in production mode before release. Semantic UI React includes several optimizations in production mode, such as stripping
propTypes from your build.
For examples on how to import and use Semantic UI React components, click the code icon () next to any example. Here are a few direct links: