Skip to content
Semantic UI component framework without jQuery
JavaScript CSS HTML
Branch: master
Clone or download
Latest commit e0d9c4f May 6, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
examples Removed jQuery from progress + other updates May 1, 2018
src commit May 6, 2018
tasks commit May 6, 2018
test spelling: synchronously May 26, 2016
.csscomb.json Iteration on regex for comment replacement Oct 15, 2014
.csslintrc Add csslintrc Oct 28, 2014
.gitignore Added .idea for PhpStorm and WebStorm Jan 5, 2018
.jshintrc Updated vs interface Apr 30, 2018
LICENSE.md Remove execute permission. Dec 5, 2014
README.md commit May 6, 2018
gulpfile.js Fixes #3858 issue with gulp rtl tasks Mar 29, 2016
karma.conf.js Updated vs interface Apr 30, 2018
logo.ai Updated api Apr 30, 2018
logo.png Updated logo Apr 30, 2018
package-lock.json Updated vs interface Apr 30, 2018
package.json Updated vs interface Apr 30, 2018
semantic.json.example #3616 Adds autoInstall option to semantic.json, modifies installer to… Feb 15, 2016

README.md

Vanilla Semantic UI

Vanilla Semantic UI removes the jQuery dependency from Semantic, a UI framework designed for theming.

Features

  • 50+ UI elements
  • 3000+ CSS variables
  • 3 Levels of variable inheritance (similar to SublimeText)
  • Built with EM values for responsive design
  • Flexbox friendly

Semantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices.

Vanilla Semantic UI is not yet production ready, but will soon have all the power of Semantic UI without jQuery as a dependency.

Browser Support

  • Last 2 Versions FF, Chrome, Safari Mac
  • IE 11+
  • Android 4.4+, Chrome for Android 44+
  • iOS Safari 7+
  • Microsoft Edge 12+

Although some components will work in IE9, grids and other flexbox components are not supported by IE9 and may not appear correctly.

Installation

NPM

$ npm i vanilla-semantic-ui

Yarn

$ yarn add vanilla-semantic-ui

CDN

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/vanilla-semantic-ui@0.0.1/dist/vanilla-semantic.min.css">

<script src="https://cdn.jsdelivr.net/npm/vanilla-semantic-ui@0.0.1/dist/vanilla-semantic.min.js"></script>

Usage

Old (jQuery) way

$('.star.rating').rating({
	initialRating: 3
});

New (Vanilla) way

ui('.star.rating').rating({
	initialRating: 3
});

To Do

Behaviors

  • api.js
  • form.js
  • visibility.js

Globals

  • site.js

Modules

  • accordion.js
  • checkbox.js
  • dimmer.js
  • dropdown.js
  • embed.js
  • modal.js
  • nag.js
  • popup.js
  • progress.js
  • rating.js
  • search.js
  • shape.js
  • sidebar.js
  • sticky.js
  • tab.js
  • transition.js
You can’t perform that action at this time.