Home Download Components
Alert Avatar Badge Button Card Image Input List Modal Navigation Slider Text-Utilities Toast
Introduction
Get started with pool.UI, the world’s most popular library for building responsive, mobile-first and desktop sites using our variety of responsive components.
Quick Start
Using cdn
Alerts
A simple primary alert !
A simple secondary alert !
A simple success alert !
A simple danger alert !
A simple warning alert !
A simple info alert !
A simple light alert !
A simple dark alert !
HTML Code
Avatar
Circular Avatar
HTML Code
Rounded Avatar
HTML Code
Circular Avatar with Placehoder icon
HTML Code
Circular Avatar with Initials
SK
SK
SK
HTML Code
Badge
Badge on icons
5
6
7
HTML Code
Badge on avatar
HTML Code
Button
Contained Buttons
HTML Code
Outlined Buttons
HTML Code
Icon Buttons
HTML Code
Icon Buttons with Labels
HTML Code
Floating Action Button
HTML Code
Cards
Text Only Card
Card Heading
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum possimus at nisi ab amet laboriosam esse facere aut quibusdam perferendis.
Explore
HTML Code
Card with Images
H&M
Regular Fit T-shirt
Rs. 1499
Explore
HTML Code
Card with Badge
New
H&M
Regular Fit T-shirt
Rs. 1499
Explore
HTML Code
Card with Tilted Badge
15% Off
H&M
Regular Fit T-shirt
Rs. 1499
Explore
HTML Code
Card with Dismiss icon
H&M
Regular Fit T-shirt
Rs. 1499
Explore
HTML Code
Card with Wishlist icon
New
H&M
Regular Fit T-shirt
Rs. 1499
Explore
HTML Code
Horizontal Card
New
H&M
Regular Fit T-shirt
Rs. 1499
Explore
HTML Code
Image
Rounded Image
HTML Code
Curved Images
HTML Code
Responsive Image
HTML Code
Text Over Image
overlay text
Left Text
Right Text
HTML Code
Input
Floating Label Input
HTML Code
Outlined Floating Label Input
HTML Code
Drop-Down Input
HTML Code
Lists
Simple List
  • Send
  • Record
  • Upload
  • Delete
HTML Code
Nested List
  • Coffee
  • Tea
    • Ginger Tea
    • Green Tea
    • Black Tea
  • Milk
  • Juice
HTML Code
List of Links
HTML Code
List of Containers
  • Jude Rosario
    Full Stack Web Developer
    Started with NeoG Camp
  • Samara Weaving
    Senior Sales Executive
    Youngest Sales Exec.
HTML Code
Modal
HTML Code
Navigation
Left Aligned Nav-bar
Home About Blogs
HTML Code
Right Aligned Nav-bar
Home About Blogs
HTML Code
Nav-bar with Search
HTML Code
Slider
HTML Code
Text-Utilities
Text Headings

This is <h1> heading

This is <h2> heading

This is <h3> heading

This is <h4> heading

This is <h5> heading
This is <h6> heading
HTML Code
Text Alignment
this is left aligned text
this is center aligned text
this is right aligned text
HTML Code
Text Decoration
This is Overlined Text
This is Underlined Text
This is Line-Through Text
This is a link
HTML Code
Text Effects
This text will change color on hover
This text will get bold on hover
This text will get spacing effect on hover
HTML Code
Toast
Toast from Top
A toast message..
HTML Code
Toast from Bottom
A toast message..
HTML Code