Creating UI
How to create custom components with Semantic UI
package
Guide
Semantic UI
UI Framework
Docs
Learn
Examples
ctrl+k
Enter a search term above to see results...
Collapse
Categories
Start Here
Styling
Primitives
Components
Behaviors
Introduction
Why Semantic?
Installation
What's New?
0.12.0
Roadmap
Getting Started
Using UI
Creating UI
Theming
Ecosystems
Vanilla JS
React
Svelte
Vue
Angular
Astro
Next
Philosophy
Natural Language
About the Project
Creating UI
Previous
Using UI
Next
Theming
UI Framework
Docs
Learn
Examples
UI Framework
Introduction
Why Semantic?
Installation
What's New?
0.12.0
Roadmap
Getting Started
Using UI
Creating UI
Theming
Ecosystems
Vanilla JS
React
Svelte
Vue
Angular
Astro
Next
Philosophy
Natural Language
About the Project
CSS Tokens
Colors
Text
Spacing
Sizes
Gradients
Shadows
Styling Guide
Basic Theming
Dark Mode
Styling Web Components
Responsive Patterns
Style Inheritance
Dynamic Sizing
Primitives
Button
Card
Container
Divider
Icon
Input
Label
Menu
Modal
Rail
Segment
Spinner
Table
Components
Global Search
In-Page Menu
Mobile Menu
Mobile Menu Toggle
Nav Menu
Panels
Sidebar Toggle
Theme Switcher
Topbar Menu
Behaviors
Attach
Transition
Return to main menu
Return to main menu
Semantic UI Semantic UI