Foundation
Logo
Foundations
Components
![Button](/_next/image?url=%2Fcomponents%2Fbuttons.png&w=3840&q=75)
Button
![Button Group](/_next/image?url=%2Fcomponents%2Fbutton-group.png&w=3840&q=75)
Button Group
![Avatar](/_next/image?url=%2Fcomponents%2Favatar.png&w=3840&q=75)
Avatar
![Accordion](/_next/image?url=%2Fcomponents%2Faccordion.png&w=3840&q=75)
Accordion
![Alert](/_next/image?url=%2Fcomponents%2Falert.png&w=3840&q=75)
Alert
![Badge](/_next/image?url=%2Fcomponents%2Fbadge-tags.png&w=3840&q=75)
Badge
![Charts](/_next/image?url=%2Fcomponents%2Fcharts.png&w=3840&q=75)
Charts
![Empty](/_next/image?url=%2Fcomponents%2Fempty.png&w=3840&q=75)
Empty
![Messaging](/_next/image?url=%2Fcomponents%2Fmessaging.png&w=3840&q=75)
Messaging
![Skeleton](/_next/image?url=%2Fcomponents%2Fskeleton.png&w=3840&q=75)
Skeleton
![Steps](/_next/image?url=%2Fcomponents%2Fsteps.png&w=3840&q=75)
Steps
![Breadcrumb](/_next/image?url=%2Fcomponents%2Fbreadcrumb.png&w=3840&q=75)
Breadcrumb
![Checkbox](/_next/image?url=%2Fcomponents%2Fcheckbox.png&w=3840&q=75)
Checkbox
![Checkbox Group](/_next/image?url=%2Fcomponents%2Fcheckbox-group.png&w=3840&q=75)
Checkbox Group
![Date Picker](/_next/image?url=%2Fcomponents%2Fdate-picker.png&w=3840&q=75)
Date Picker
![Dropdown](/_next/image?url=%2Fcomponents%2Fdropdown.png&w=3840&q=75)
Dropdown
![File Upload](/_next/image?url=%2Fcomponents%2Fupload.png&w=3840&q=75)
File Upload
![Modal](/_next/image?url=%2Fcomponents%2Fmodal.png&w=3840&q=75)
Modal
![Pagination](/_next/image?url=%2Fcomponents%2Fpagination.png&w=3840&q=75)
Pagination
![Progress Bar](/_next/image?url=%2Fcomponents%2Fprogress.png&w=3840&q=75)
Progress Bar
![Rating](/_next/image?url=%2Fcomponents%2Frating.png&w=3840&q=75)
Rating
![Slider](/_next/image?url=%2Fcomponents%2Fslider.png&w=3840&q=75)
Slider
![Tab Menu](/_next/image?url=%2Fcomponents%2Ftabs.png&w=3840&q=75)
Tab Menu
![Table](/_next/image?url=%2Fcomponents%2Ftable.png&w=3840&q=75)
Table
![Text Area](/_next/image?url=%2Fcomponents%2Ftextarea.png&w=3840&q=75)
Text Area
![Text Input](/_next/image?url=%2Fcomponents%2Finput.png&w=3840&q=75)
Text Input
![Switch Toggle](/_next/image?url=%2Fcomponents%2Ftoggle.png&w=3840&q=75)
Switch Toggle
![Tooltip](/_next/image?url=%2Fcomponents%2Ftooltips.png&w=3840&q=75)
Tooltip
![Play Button](/_next/image?url=%2Fcomponents%2Fplay-button.png&w=3840&q=75)
Play Button
![Popover](/_next/image?url=%2Fcomponents%2Fpopover.png&w=3840&q=75)
Popover
![Search](/_next/image?url=%2Fcomponents%2Fsearch.png&w=3840&q=75)
Search
![Carousel](/_next/image?url=%2Fcomponents%2Fcarousel.png&w=3840&q=75)
Carousel
![Tree](/_next/image?url=%2Fcomponents%2Ftree.png&w=3840&q=75)
Tree
![Toast](/_next/image?url=%2Fcomponents%2Ftoast.png&w=3840&q=75)
Toast
![Context Menu](/_next/image?url=%2Fcomponents%2Fcontext-menu.png&w=3840&q=75)
Context Menu
![Drawer](/_next/image?url=%2Fcomponents%2Fdrawer.png&w=3840&q=75)
Drawer
![Color Picker](/_next/image?url=%2Fcomponents%2Fcolor-picker.png&w=3840&q=75)
Color Picker
![Transfer](/_next/image?url=%2Fcomponents%2Ftransfer.png&w=3840&q=75)
Transfer
![Light Box](/_next/image?url=%2Fcomponents%2Flightbox.png&w=3840&q=75)
Light Box
![Wysiwyg Editor](/_next/image?url=%2Fcomponents%2Fwysiwyg-editor.png&w=3840&q=75)
Wysiwyg Editor
![Mega Menu](/_next/image?url=%2Fcomponents%2Fmega-menu.png&w=3840&q=75)
Mega Menu
Feedback from the Frontline
![avatar](/_next/image?url=%2Freview%2Fsumit-saha.jpeg&w=96&q=75)
![avatar](/_next/image?url=%2Freview%2Fmahmud.jpeg&w=96&q=75)
![avatar](/_next/image?url=%2Freview%2Fzalak.jpeg&w=96&q=75)
![avatar](/_next/image?url=%2Freview%2Fhasibul.jpeg&w=96&q=75)
![avatar](/_next/image?url=%2Freview%2Fjad.jpeg&w=96&q=75)
![avatar](/_next/image?url=%2Freview%2Fmohammad.png&w=96&q=75)
![avatar](/_next/image?url=%2Freview%2Faman.jpeg&w=96&q=75)