GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → morganbarrett → Vanilla Semantic Ui

morganbarrett / Vanilla Semantic Ui

Licence: mit
Semantic UI component framework without jQuery

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

vanilla-jsvanilla-javascriptvanillasemantic-ui

Projects that are alternatives of or similar to Vanilla Semantic Ui

curved-menu
VanillaJS fully configurable curved menu (circular navigation)
Stars: ✭ 30 (-69.07%)
Mutual labels:  vanilla, vanilla-javascript, vanilla-js
Vanilla Ui Router
Simple vanilla JavaScript router
Stars: ✭ 42 (-56.7%)
Mutual labels:  vanilla-js, vanilla-javascript, vanilla
Bunny
BunnyJS - Lightweight native (vanilla) JavaScript (JS) and ECMAScript 6 (ES6) browser library, package of small stand-alone components without dependencies: FormData, upload, image preview, HTML5 validation, Autocomplete, Dropdown, Calendar, Datepicker, Ajax, Datatable, Pagination, URL, Template engine, Element positioning, smooth scrolling, routing, inversion of control and more. Simple syntax and architecture. Next generation jQuery and front-end framework. Documentation and examples available.
Stars: ✭ 473 (+387.63%)
Mutual labels:  vanilla-js, vanilla-javascript, vanilla
Bin
A tiny (<1kb) localStorage and sessionStorage helper library.
Stars: ✭ 70 (-27.84%)
Mutual labels:  vanilla-js, vanilla-javascript
vanillajs-hello
Start a VanillaJS website using WebPack in just 30 seconds: HTML,CSS,Babel,SASS,Bootstrap,Prettier,Gitpod
Stars: ✭ 24 (-75.26%)
Mutual labels:  vanilla-javascript, vanilla-js
pAppwords
Vanilla JS plug-in with zero configuration integrate with HaveIBeenPwned API v2
Stars: ✭ 21 (-78.35%)
Mutual labels:  vanilla-javascript, vanilla-js
bs-breakpoints
A plugin which detect Bootstrap 4 breakpoints and emit when there is a change
Stars: ✭ 22 (-77.32%)
Mutual labels:  vanilla-javascript, vanilla-js
Vanilla Datatables
A lightweight, dependency-free javascript HTML table plugin
Stars: ✭ 314 (+223.71%)
Mutual labels:  vanilla-js, vanilla-javascript
Vanillajs Spa
a simple SPA in vanilla js
Stars: ✭ 265 (+173.2%)
Mutual labels:  vanilla-js, vanilla-javascript
Darkmode Js
DarkModeJS helps you to auto detect user's time and switch theme to darkside
Stars: ✭ 328 (+238.14%)
Mutual labels:  vanilla-js, vanilla-javascript
Vanilla Lazyload
LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
Stars: ✭ 6,596 (+6700%)
Mutual labels:  vanilla-js, vanilla-javascript
spider-covid-19-viz-3d
Speedy access to the latest, local COVID-19 data with a familiar interface: the Globe
Stars: ✭ 19 (-80.41%)
Mutual labels:  vanilla-javascript, vanilla-js
tabbis.js
Pure vanilla javascript tabs with nesting
Stars: ✭ 44 (-54.64%)
Mutual labels:  vanilla-javascript, vanilla-js
Bs Stepper
A stepper for Bootstrap 4.x
Stars: ✭ 261 (+169.07%)
Mutual labels:  vanilla-js, vanilla-javascript
vanilla-js-drawer
A dependency-free Vanilla JS drawer. No dependencies, no automation build tools.
Stars: ✭ 20 (-79.38%)
Mutual labels:  vanilla-javascript, vanilla-js
Selectr
A lightweight, vanilla javascript select box replacement. No dependencies.
Stars: ✭ 293 (+202.06%)
Mutual labels:  vanilla-js, vanilla-javascript
Jkanban
Vanilla Javascript plugin for manage kanban boards
Stars: ✭ 664 (+584.54%)
Mutual labels:  vanilla-js, vanilla
Push State
Turn static web sites into dynamic web apps.
Stars: ✭ 16 (-83.51%)
Mutual labels:  vanilla-js, vanilla
periodic-table.io
periodic-table.io
Stars: ✭ 37 (-61.86%)
Mutual labels:  vanilla-javascript, vanilla-js
drawer
A touch-enabled drawer component for the modern web.
Stars: ✭ 26 (-73.2%)
Mutual labels:  vanilla, vanilla-js
View All Similar Projects ➔

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/[email protected]/dist/vanilla-semantic.min.css">

<script src="https://cdn.jsdelivr.net/npm/[email protected]/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 ✓
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].