Semantic-UI Elements Complete Reference Improve Improve Like Article Like Save Share Report Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is the same as a bootstrap for use and has great different elements to use to make your website look more amazing. Semantic-UI Button Semantic-UI Button Types Semantic-UI Button Emphasis Type Semantic-UI Button Animated Type Semantic-UI Button Labeled Type Semantic-UI Button Icon Type Semantic-UI Button Labeled Icon Type Semantic-UI Button Basic Type Semantic-UI Button Inverted Type Semantic-UI Button Groups Semantic-UI Icon Buttons Group Semantic-UI Button Content Semantic-UI Button States Semantic-UI Button Active States Semantic-UI Button Disabled States Semantic-UI Button Loading States Semantic-UI Button Variations Semantic-UI Button Social Variation Semantic-UI Button Size Variation Semantic-UI Button Floated Variation Semantic-UI Button Colored Variation Semantic-UI Button Compact Variation Semantic-UI Button Toggle Variation Semantic-UI Button Positive Variation Semantic-UI Button Negative Variation Semantic-UI Button Fluid Variation Semantic-UI Button Circular Variation Semantic-UI Button Vertically Attached Semantic-UI Button Horizontally Attached Semantic-UI Button Group Variation Semantic-UI Button Vertical Buttons Group Variation Semantic-UI Button Icon Buttons Group Variation Semantic-UI Button Labeled Icon Buttons Group Variation Semantic-UI Button Mixed Group Variation Semantic-UI Button Equal Width Group Variation Semantic-UI Button Colored Group Variation Semantic-UI Button Basic Group Variation Semantic-UI Button Sizes Group Variation Semantic-UI Container Semantic-UI Divider Semantic-UI Divider Types Semantic-UI Divider Vertical Type Semantic-UI Divider Horizontal Type Semantic-UI Divider Variation Semantic-UI Divider Inverted Variation Semantic-UI Divider Fitted Variation Semantic-UI Divider Hidden Variation Semantic-UI Divider Section Variation Semantic-UI Divider Clearing Variation Semantic-UI Flag Semantic-UI Header Semantic-UI Header Types Semantic-UI Page Headers Type Semantic-UI Content Headers Type Semantic-UI Icon Headers Type Semantic-UI Sub Headers Type Semantic-UI Header Content Semantic-UI Image Header Content Semantic-UI Icon Header Content Semantic-UI Subheader Header Content Semantic-UI Header States Semantic-UI Disabled Header States Semantic-UI Header Variation Semantic-UI Header Dividing Variation Semantic-UI Header Block Variation Semantic-UI Header Attached Variation Semantic-UI Header Floating Variation Semantic-UI Header Text Alignment Variation Semantic-UI Header Colored Variation Semantic-UI Header Inverted Variation Semantic-UI Icon Semantic-UI Icon Set Semantic-UI Icon Set Accessibility Semantic-UI Icon Set Arrows Semantic-UI Icon Set Audio & Video Semantic-UI Icon Set Business Semantic-UI Icon Set Chess Semantic-UI Icon Set Code Semantic-UI Icon Set Communication Semantic-UI Icon Set Computers Semantic-UI Icon Set Currency Semantic-UI Icon Set Date & Time Semantic-UI Icon Set Design Semantic-UI Icon Set Editors Semantic-UI Icon Set Files Semantic-UI Icon Set Genders Semantic-UI Icon Set Hands & Gestures Semantic-UI Icon Set Health Semantic-UI Icon Set Images Semantic-UI Icon Set Interfaces Semantic-UI Icon Set Logistics Semantic-UI Icon Set Maps Semantic-UI Icon Set Medical Semantic-UI Icon Set Objects Semantic-UI Icon Set Payments & Shopping Semantic-UI Icon Set Shapes Semantic-UI Icon Set Spinners Semantic-UI Icon Set Sports Semantic-UI Icon Set Status Semantic-UI Icon Set Users & People Semantic-UI Icon Set Vehicles Semantic-UI Icon Set Writing Semantic-UI Icon Set Brands Semantic-UI Icon States Semantic-UI Icon Disabled State Semantic-UI Icon Loading State Semantic-UI Icon Variations Semantic-UI Icon Fitted Variation Semantic-UI Icon Size Variation Semantic-UI Icon Link Variation Semantic-UI Icon Flipped Variation Semantic-UI Icon Rotated Variation Semantic-UI Icon Circular Variation Semantic-UI Icon Bordered Variation Semantic-UI Icon Colored Variation Semantic-UI Icon Inverted Variation Semantic-UI Icon Groups Semantic-UI Icons Group Semantic-UI Corner Icon Group Semantic-UI Image Semantic-UI Image Types Semantic-UI Image Type Semantic-UI Image Link Type Semantic-UI Image States Semantic-UI Image Hidden State Semantic-UI Image Disabled State Semantic-UI Image Variation Semantic-UI Image Avatar Variation Semantic-UI Image Bordered Variation Semantic-UI Image Fluid Variation Semantic-UI Image Rounded Variation Semantic-UI Image Circular Variation Semantic-UI Image Vertically Aligned Variation Semantic-UI Image Centered Variation Semantic-UI Image Spaced Variation Semantic-UI Image Floated Variation Semantic-UI Image Size Variation Semantic-UI Image Groups Semantic-UI Image Group Size Semantic-UI Input Semantic-UI Input Types Semantic-UI Input States Semantic-UI Input Focus State Semantic-UI Input Loading State Semantic-UI Input Disabled State Semantic-UI Input Error State Semantic-UI Input Variation Semantic-UI Input Icon Variation Semantic-UI Input Labeled Variation Semantic-UI Input Action Variation Semantic-UI Input Transparent Variation Semantic-UI Input Inverted Variation Semantic-UI Input Fluid Variation Semantic-UI Input Size Variation Semantic-UI Label Semantic-UI Label Types Semantic-UI Label Image Type Semantic-UI Label Pointing Type Semantic-UI Label Corner Type Semantic-UI Label Tag Type Semantic-UI Label Ribbon Type Semantic-UI Label Attached Type Semantic-UI Label Horizontal Type Semantic-UI Label Floating Type Semantic-UI Label Content Semantic-UI Label Detail Content Semantic-UI Label Icon Content Semantic-UI Label Image Content Semantic-UI Label Link Content Semantic-UI Label Variation Semantic-UI Label Circular Variation Semantic-UI Label Basic Variation Semantic-UI Label Colored Variation Semantic-UI Label Size Variation Semantic-UI Label Groups Semantic-UI Label Group Size Semantic-UI Label Colored Group Semantic-UI Label Tag Group Semantic-UI Label Circular Group Semantic-UI List Semantic-UI List Types Semantic-UI List Bulleted Type Semantic-UI List Ordered Type Semantic-UI List Link Type Semantic-UI List Content Semantic-UI List Item Content Semantic-UI List Icon Content Semantic-UI List Image Content Semantic-UI List Link Content Semantic-UI List Header Content Semantic-UI List Description Content Semantic-UI List Variations Semantic-UI List Horizontal Variation Semantic-UI List Inverted Variation Semantic-UI List Selection Variation Semantic-UI List Animated Variation Semantic-UI List Relaxed Variation Semantic-UI List Divided Variation Semantic-UI List Celled Variation Semantic-UI List Size Variation Semantic-UI List Content Variation Semantic-UI List Vertically Aligned Content Variation Semantic-UI List Floated Content Variation Semantic-UI Loader Semantic-UI Loader Types Semantic-UI Text Loader Type Semantic-UI Loader States Semantic-UI Loader Indeterminate State Semantic-UI Loader Active State Semantic-UI Loader Disabled State Semantic-UI Loader Variation Semantic-UI Loader Inline Variation Semantic-UI Loader Inline Center Variation Semantic-UI Loader Size Variation Semantic-UI Loader Inverted Variation Semantic-UI Placeholder Semantic-UI Placeholder Types Semantic-UI Placeholder Content Semantic-UI Placeholder Lines Content Semantic-UI Placeholder Headers Content Semantic-UI Placeholder Paragraph Content Semantic-UI Placeholder Image Content Semantic-UI Placeholder Variations Semantic-UI Placeholder Line Length Variation Semantic-UI Placeholder Fluid Variation Semantic-UI Placeholder Inverted Variation Semantic-UI Rail Semantic-UI Rail Types Semantic-UI Rail Internal Type Semantic-UI Rail Dividing Type Semantic-UI Rail Variations Semantic-UI Rail Attached Variation Semantic-UI Rail Close Variation Semantic-UI Rail Size Variation Semantic-UI Reveal Semantic-UI Reveal Types Semantic-UI Reveal Fade Type Semantic-UI Reveal Move Type Semantic-UI Reveal Rotate Type Semantic-UI Reveal Content Semantic-UI Reveal Visible Content Semantic-UI Reveal Hidden Content Semantic-UI Reveal States Semantic-UI Reveal Active State Semantic-UI Reveal Disabled State Semantic-UI Reveal Variations Semantic-UI Reveal Instant Variation Semantic-UI Segment Semantic-UI Segment Types Semantic-UI Placeholder Segment Type Semantic-UI Segment Raised Type Semantic-UI Segment Stacked Type Semantic-UI Segment Piled Type Semantic-UI Segment Vertical Segment Type Semantic-UI Segment Groups Semantic-UI Nested Segments Group Semantic-UI Horizontal Segments Group Semantic-UI Raised Segments Group Semantic-UI Stacked Segments Group Semantic-UI Piled Segments Group Semantic-UI Segment States Semantic-UI Segment Disabled State Semantic-UI Segment Loading State Semantic-UI Segment Variations Semantic-UI Segment Inverted Variation Semantic-UI Segment Attached Variation Semantic-UI Segment Padded Variation Semantic-UI Segment Compact Variation Semantic-UI Segment Colored Variation Semantic-UI Segment Emphasis Variation Semantic-UI Segment Circular Variation Semantic-UI Segment Clearing Variation Semantic-UI Segment Floated Variation Semantic-UI Segment Text Alignment Variation Semantic-UI Segment Basic Variation Semantic-UI Step Semantic-UI Step Types Semantic-UI Step Groups Semantic-UI Steps Group Semantic-UI Step Ordered Group Semantic-UI Step Vertical Group Semantic-UI Step Content Semantic-UI Step Description Content Semantic-UI Step Icon Content Semantic-UI Step Link Content Semantic-UI Step States Semantic-UI Step Active State Semantic-UI Step Completed State Semantic-UI Step Disabled State Semantic-UI Step Variations Semantic-UI Step Stackable Variation Semantic-UI Step Fluid Variation Semantic-UI Step Unstackable Variation Semantic-UI Step Attached Variation Semantic-UI Step Evenly Divided Variation Semantic-UI Step Size Variation Last Updated : 10 Jun, 2022 Like Article Save Article Previous Semantic-UI Button Types Next Pure CSS Forms Complete Reference Share your thoughts in the comments Add Your Comment Please Login to comment...