Semantic UI icon logoUI Docs

Getting Started
Guidelines
OverviewDesign Principles
Styles
OverviewDesign tokensColorTypographyIconography
Components
ButtonContainerCardDividerInputGridList
Support

Getting Started

Getting up and running with Semantic UI

Preface

Using Build Tools

Semantic UI packaged Gulp build tools so your project can preserve its own theme changes.

The easiest way to install Semantic UI is our NPM package which contains special install scripts to make setup interactive and updates seamless.

For installing with specific integrations like Ember, React, or Meteor, see our integration guide

For integrating Semantic UI tasks into your own build tools, or using a CDN see our recipes section.

Simpler Setup

If you are using Semantic UI as a dependency and just want to use our default theme, use our lighter 

semantic-ui-css
or 
semantic-ui-less
 repo. If you just need the files you can download them as a zip from GitHub.

Download ZipView all Semantic-Org Repos

Installing

Install NodeJS

If you are unfamiliar with setting up NodeJS you can follow the steps below, or check out the download page on nodejs.org