Introduction Overview of the Semantic UI Web Component Ecosystem open book Guide

Introduction

Semantic UI is a framework for authoring standard W3C Web Components that work natively in modern browsers, integrate readily with frameworks like React, Vue, Angular, or others supporting Web Components, and offer long-term maintainability with reduced framework lock-in.

Design System vs Component Framework

To see examples of custom components check out our examples gallery.

Key Add-ons to Web Components

Using UI Components

The @semantic-ui/core package provides a collection of essential, pre-built UI components that can be used as a basis to build your website, or other higher-order UI components.

Creating Custom Components

For building custom UI elements, Semantic UI providesthe component authoring framework a set of composable libraries to create your own custom web components.

Modular Architecture Each core library, @semantic-ui/query, @semantic-ui/reactivity, @semantic-ui/templating, @semantic-ui/utils are each designed to be standalone and can be used without adoping the full component framework.

Next
Components