Semantic Org ORG

Semantic is a UI component framework based around useful principles from natural language.

Semantic UI is a front-end component framework with pre-styled buttons, dropdowns, grids, and modals, HTML class names read like plain English and a 3,000-variable theming system lets you match any brand.

The official Semantic-UI-React integration

Semantic UI React lets you drop pre-designed buttons, forms, dropdowns, and modals into a React app as proper React components, without writing raw HTML class names or worrying about the underlying CSS structure.

Semantic UI Angular Integrations

CSS Only distribution

Official Semantic UI Integration for Ember

Official Documentation for Semantic UI

Official Semantic UI Integration for Meteor

LESS only distribution

Semantic dá poder a designers e desenvolvedores através da criação de um vocabulário comum para UI

Example repo using Semantic UI to replicate GitHub Project Home

This is a gem for Rails with Semantic UI (http://semantic-ui.com) assets inside.

سيمانتك يو آي تزيد فاعلية العمل بين المصممين و المطورين من خلال مفردات ذات دلالة لفظية مشتركة لبناء واجهة المستخدم

Example of importing gulp tasks into your gulpfile

Next Gen UI Web Component Framework designed around useful principles from natural language.

An Astro Lit integration compatible with Astro 5+

A dropdown allows a user to select a value from a series of options

Official repo of learnsemantic.com

An icon is a glyph used to represent a concept

No description.

A plugin for generating tailwind css and extracting classes from content strings uniformly on the server and client.

A transition is an animation usually used to move content in or out of view

A modal displays content that temporarily blocks interactions with the main view of a site

A sidebar hides additional content beside a page.

Semantic UI SASS Port

A card displays site content in a manner similar to a playing card

A loader alerts a user to wait for an activity to complete

A menu displays grouped navigation actions

A search element allows a user to query for results from a selection of data

A button indicates a possible user action

A popup displays additional information on top of a page

A flag is is used to represent a political state

Visibility provides a set of callbacks for when a content appears in the viewport

Data package for Semantic UI Meteor

A table displays a collections of data grouped into rows

A form displays a set of related user input fields in a structured way

Annotated source of Semantic UI Module Format

A site is a set of global constraints that define the basic parameters of all UI elements

A step shows the completion status of an activity in a series of activities

A checkbox allows a user to select a value from a small set of options, often binary

Semantic UI placeholder component

A progress bar shows the progression of a task

A grid is used to harmonize negative space in a layout

An embed displays content from other websites like YouTube videos or Google Maps

A message displays information that explains nearby content

API allows elements to trigger actions on a server

A tab is a hidden section of content activated by a menu

Sticky content fixes itself to the browser viewport as content is scrolled

A rating indicates user interest in content

A reset is a set of normalized values for CSS properties that correct for abberations in browser defaults

A label is used to display content classification

An item view presents large collections of general site content for display

A comment displays user feedback to site content

A segment is used to create a grouping of related content

A statistic displays the current value of an attribute

A reveal displays additional content in place of previous content when activated

A nag is an important message that persists until dismissed by a user

A divider visually segments content into groups

No description.

This is a legacy component and is no longer maintained

An accordion allows users to toggle the display of sections of content

No description.

A shape is a three dimensional object displayed on a two dimensional plane

A list is used to group related content

An image is a graphic representation of something

A feed presents user activity chronologically

A dimmer hides distractions to focus attention on particular content

A breadcrumb is used to show heirarchy between content

Add interactive console prompts to gulp

This repository hosts deployed files for 1.x Semantic UI Docs

Hosts pre-release version of library and documentation

Sequelize / Express Server For API Demos

Serverless coding environments for the web.

Meteorize Semantic UI

An input is a field used to elicit a response from a user

A rail is used to show accompanying content outside the boundaries of the main view of a site

A header provides a short summary of content

Docs for beta version of Semantic UI

A utility-first CSS framework for rapid UI development.

This project was forked to add a bugfix to support recent node versions

Recursive file operations in Node.js

Dutch translation of Semantic UI