Ecosystems
Using Semantic UI with different frameworks
box
Guide
Semantic UI
UI Framework
Docs
Learn
Examples
ctrl+k
Enter a search term above to see results...
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
>
Ecosystems
Vanilla JS
Learn about using Semantic UI inside Vanilla JS
React
Learn about using Semantic UI inside React
Svelte
Learn about using Semantic UI inside Svelte
Vue
Learn about using Semantic UI inside Vue
Angular
Learn about using Semantic UI inside Angular
Astro
Learn about using Semantic UI inside Astro
Next
Learn about using Semantic UI inside Next
Previous
Theming
Next
Vanilla JS
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
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