Menu

Getting Started

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 Zip View all Semantic-Org Repos

Installing

Include in Your HTML

Running the gulp build tools will compile CSS and Javascript for use in your project. Just link to these files in your HTML along with the latest jQuery.

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css"> <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> <script src="semantic/dist/semantic.min.js"></script>

Updating

Updating via NPM

Semantic's NPM install script will automatically update Semantic UI to the latest version while preserving your site and packaged themes.

npm update