Get Started


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 yarn:

Themes from Semantic UI >=2.3.x require Semantic UI React >=0.81.0.

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:

This is the quickest way to get started, just add this link to the <head> of your index.html file.


Semantic UI React is fully supported by all modern JavaScript bundlers. We've made some example recipes with some of them. You can use these as a starting point for your project.

Semantic UI React is fully compatible with create-react-app and works out the box. Setup of custom theme is covered in Theming guide.


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: