Skip to content

Gentlent UI Framework

A showcase of the 47 React components that Gentlent has implemented.

Toggle preview

Basic Layout 3

No preview available
Container
gentlent.design/container
Grid
gentlent.design/grid
No preview available
Head
gentlent.design/head

Base Components 18

Lorem ipsum dolor sit amet.

Blockquotes
gentlent.design/blockquotes
Buttons
gentlent.design/buttons
Lorem <ipsum>
Codes
gentlent.design/codes
Horizontal Rule
gentlent.design/horizontalRule
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Images
gentlent.design/images
Inputs
gentlent.design/inputs
Kontrollkästchen
gentlent.design/checkbox
Links
gentlent.design/links
  1. Lorem ipsum
Lists
gentlent.design/lists
Marquee
gentlent.design/marquee

Lorem ipsum dolor sit amet.

Paragraphs
gentlent.design/paragraphs
Lorem
      ipsum
Preformatted Text
gentlent.design/pres
Lorem
Ipsum
Sections
gentlent.design/sections
Selects
gentlent.design/selects
Some content on this page is not responsive yet and may not display correctly on mobile devices.
Lorem
Tables
gentlent.design/tables
Lorem ipsum dolor sit amet.
Text Styles
gentlent.design/textStyles
Textareas
gentlent.design/textareas

Lorem ipsum

Lorem ipsum

Lorem ipsum
Titles
gentlent.design/titles

Custom Components 25

Lorem ipsum
Accordion
gentlent.design/accordion
Lorem ipsum
Alerts
gentlent.design/alerts
Lorem ipsum
Animations
gentlent.design/animations
+2
Avatars
gentlent.design/avatars
Lorem ipsum
Badges
gentlent.design/badges
Lorem ipsum
Banners
gentlent.design/banners
HomeUsers
Breadcrumbs
gentlent.design/breadcrumbs
Lorem ipsum
Cards
gentlent.design/cards
No preview available
Dash Navigation
gentlent.design/dashNavigation
Lorem ipsum 
Dropdown
gentlent.design/dropdown
No preview available
Footer
gentlent.design/footer
No preview available
Headers
gentlent.design/headers
Lorem ipsum
Lorem ipsum
Horizontal Scroller
gentlent.design/horizontalScroller
Icons
gentlent.design/icons
Loaders
gentlent.design/loaders
No preview available
Modals
gentlent.design/modals
No preview available
Navigation
gentlent.design/navigation
Pagination
gentlent.design/pagination
Lorem ipsum
Pills
gentlent.design/pills
No preview available
Secondary Navigation
gentlent.design/secondaryNavigation
No preview available
Sidebar
gentlent.design/sidebar
No preview available
Table of Contents
gentlent.design/tableOfContents
Tabs
gentlent.design/tabs
Toggles
gentlent.design/toggles
No preview available
Tooltip
gentlent.design/tooltip

Special Components 1

No preview available
Base Component
gentlent.design/baseComponent
GentlentAn official Gentlent website. Official Gentlent websites are always linked from our website gentlent.com, or contain an extended validated certificate.