Semantic UI
ctrl+k
Enter a search term above to see results...
On This Page
Using UI Components
Creating UI Components
Introduction
The two main ways to use Semantic UI
- Building with UI Primitives - Semantic provides a UI component library with buttons, menus, inputs and other essential components. These components are distributes as web components meaning they can be used anywhere on the web.
- Authoring Custom UI - Semantic provides a component framework to create custom reactive UI with web components that can be used to build a custom design system, a web application, website, or your own open source UI components.
Semantic UI’s component framework is designed to provide the missing toolkit to make web components easy to author and ship at scale, with features like reactivity, templating, tools for events and keybindings, and a robust css framework for styling.
Using UI Components
Semantic ships a first-party UI framework in @semantic-ui/core with all the essential UI for building your website.
@semantic-ui/core
A standard set of UI components to build your website like buttons, cards and inputs.
Creating UI Components
Semantic provides several core libraries to make it easy to ship custom UI as web components.
@semantic-ui/component
A framework for creating fully-featured UI with web components.
@semantic-ui/templating
A reactive templating language that compiles to an AST for rendering your component.
@semantic-ui/reactivity
A performant signals-based reactivity library designed for ease of use and debugging.
@semantic-ui/query
A modern standards-based chainable DOM querying API built for the shadow DOM.
@semantic-ui/utils
A collection of essential javascript utilities designed for human readability.