Preloader image

유틸리티 소개

Semantic-ui (디자인)

작성자 관리자 (admin)
조회수 1,194
입력일 2019-01-25 16:11:43


Semantic UIUser Interface is the language of the web

Get Started New in 2.4

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.

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

Option 1: Homebrew
After installing homebrew

brew install node
Option 2: Git
git clone git://
cd node
sudo make install
Install Gulp
Semantic UI uses Gulp to provide command line tools for building themed versions of the library with just the components you need.

Gulp is an NPM module and must be installed globally

npm install -g gulp
Install Semantic UI
Semantic UI is available in an eponymous package on NPM

Include i

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="semantic/dist/semantic.min.js"></script>
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