Robuta

React Social Media icons & Social Buttons with Bootstrap 5. Facebook, Twitter, Google, Instagram, LinkedIn, Pinterest, YouTube, GitHub, WhatsApp, Slack,...

Responsive time picker built with Bootstrap 5, React 18 and Material Design 2.0. Select and set a specific time value from a pre-determined 12/24 hour format...

Responsive Images built with Bootstrap 5, React 18 and Material Design 2.0. Examples with hover effect, shadows, thumbnails, masks and many others with a use...

Responsive Spinners built with Bootstrap 5, React 18 and Material Design 2.0. Examples with growing spinners, border spinners, custom colors & size icons.

Nov 17, 2025 - How Bootstrap handles responsive images and how to make images responsive with four simple techniques.

Responsive Sidenav built with Bootstrap 5, React 18 and Material Design 2.0. Examples of sidebar with collapses, drawer, offcanvas side navbar, slim sidenav,...

Responsive Modal built with Bootstrap 5, React 18 and Material Design 2.0. Examples with horizontal and vertical alignment, fullscreen popup, tooltips &...

Responsive Sizing built with Bootstrap 5, React 18 and Material Design 2.0. Examples of classes to set up the width and height of an element. Supports 25%,...

Responsive Cards built with Bootstrap 5, React 18 and Material Design 2.0. Example with extensible option for headers, footers, images using grid.

Spacing built with Bootstrap 5, React 18 and Material Design 2.0. Examples of margin or padding values added to an element or a subset of its sides with simple...

React Borders built with Bootstrap 5, React 18 and Material Design 2.0. Style the border, border-radius color and size element. Examples for images, buttons,...

Responsive React Table scroll built with Bootstrap 5. Table scroll functionality works vertically (y axis) and horizontally (x axis).

Responsive Headers built with Bootstrap 5, React 18 and Material Design 2.0. Examples of fixed header, header sticky on scroll, with background image,...

Grid system built with Bootstrap 5, React 18 and Material Design 2.0. Fully responsive built with flexbox grid system using series of containers, rows, and...

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to...

Responsive Hover effects built with Bootstrap 5, React 18 and Material Design 2.0. Examples with overlay, zoom and shadow of hover effect that adds...

Responsive Parallax plugin built with the latest Bootstrap 5. Many customization examples of scrolling effect images animation like scroll delay, scroll...

Responsive Dropdowns built with Bootstrap 5, React 18 and Material Design 2.0. Examples with multiselect, button and mega menu. Utilize dropdowns in navbar.

Responsive Figures built with Bootstrap 5, React 18 and Material Design 2.0. Examples with figures used for displaying related images and text with the figure...

Responsive lightbox built with the latest Bootstrap 5. Lightbox is a responsive gallery with the option to enlarge selected photos.

Responsive Display built with Bootstrap 5, React 18 and Material Design 2.0. Examples with utility classes such as flex, inline and hide responsively adjust...

Vertical alignment built with Bootstrap 5, React 18 and Material Design 2.0. Examples of both vertically and horizontally alignment of content like text,...

Responsive stepper built with Bootstrap 5. Form wizard, vertical stepper, multi step form validation, optional step, mobile stepper & more.

Range built with Bootstrap 5, React 18 and Material Design 2.0. Pick values from a range, using a customizable range slider. Specify the value of the slider...

Responsive List group built with Bootstrap 5, React 18 and Material Design 2.0. Examples with badges, checkboxes, custom content of list groups. Alternative to...

Responsive React Media objects built with the latest Bootstrap 5. Dedicated for highly repetitive components like blog comments, tweets, and the like.

Responsive Tabs built with Bootstrap 5, React 18 and Material Design 2.0. Examples of vertical tabs, tab panel, tabs justified, filled, with buttons, and many...

Responsive Clearfix built with Bootstrap 5, React 18 and Material Design 2.0. Examples on how to easily clear floated content within a container by adding a...

Toggle Switch button built with Bootstrap 5, React 18 and Material Design 2.0. Example with toggle switch checkbox, also support the disabled attribute. Learn...

Colors built with Bootstrap 5, React 18 and Material Design 2.0. Enables comprehensive color customization of theme, background, text, links, buttons and...

Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML...

Responsive Buttons built with Bootstrap 5, React 18 and Material Design 2.0. Examples with button link, button disabled, small and other button sizes.

Responsive Breakpoints built with Bootstrap 5, React 18 and Material Design 2.0. Examples of media queries breakpoints in layout across small, medium, large,...

File upload built with Bootstrap 5, React 18 and Material Design 2.0. Helps upload a single or many items such as photos, documents or any other file type.

Responsive Carousel built with Bootstrap 5, React 18 and Material Design 2.0. Slider examples with indicators, captions, image and multiple item carousel.

Responsive Collapse built with Bootstrap 5, React 18 and Material Design 2.0. Examples of expand and collapse accordion with arrow, sidebar, table, and more.

React Datatables built with Bootstrap 5, React 18 and Material Design 2.0. Examples of advanced customization options for tables like searching, sorting, and...

Responsive Input group built with Bootstrap 5, React 18 and Material Design 2.0. Examples with icon, text, button, or a button group you can place on both...

Responsive Pills built with Bootstrap 5, React 18 and Material Design 2.0. Examples with pills in navbar, in content, in cards, and with different colors and...

Typography built with Bootstrap 5, React 18 and Material Design 2.0. Examples of headings, body text, lists, and basic paragraphs style and appearance.

Responsive Checkbox built with Bootstrap 5, React 18 and Material Design 2.0. Examples with disabled, inline, toggle buttons, and others checkboxes broadly...

Responsive Popovers built with Bootstrap 5, React 18 and Material Design 2.0. Examples with popover on click, on hover, with different sizes and popover close...

Responsive Datepicker built with Bootstrap 5, React 18 and Material Design. Example of date picker functionality without custom JS code. It supports...

Responsive Tables built with Bootstrap 5, React 18 and Material Design 2.0. Examples with sortable, scrollable tables with buttons, checkboxes, panels and...

Responsive Pagination built with Bootstrap 5, React 18 and Material Design 2.0. Examples of pagination and adjusting its size, shape, alignment or changing it...

Responsive Scrollspy built with Bootstrap 5, React 18 and Material Design. Highlight where the user is on a page by updating links in navigation based on...

Jan 13, 2025 - You can use these bootstrap grid examples and snippets to help you create your own website or to help you understand how to use the grid system.

Toasts built with Bootstrap 5, React 18 and Material Design 2.0. Non-disruptive notification message in the corner of the interface. It provides quick...

Overflow built with Bootstrap 5, React 18 and Material Design 2.0. Examples of overflow utilities configuration, whether to clip the content or to add...

Responsive Masks built with Bootstrap 5, React 18 and Material Design 2.0. Masks are are most often used in images by adding color to them or making them...

Responsive React Text built with Bootstrap 5, React 18 and Material Design 2.0. Examples for common text utilities to control alignment, wrapping, weight, and...

Oct 1, 2025 - Looking for a great Bootstrap 4 carousel template? We designed and developed the most versatile and flexible collection for you.

Responsive Icons built with Bootstrap 5, React 18 and Material Design 2.0. Examples in different colors, shapes, and size. Well organized and easy too use...

Responsive Position built with Bootstrap 5, React 18 and Material Design 2.0. Configure positions by aligning the content to the top, bottom, left, right, or...

Responsive Flexbox built with Bootstrap 5, React 18 and Material Design 2.0. Control alignment & sizing of elements such as grid, navigation, components,...

React Float built with Bootstrap 5, React 18 and Material Design 2.0. Example of toggle floats right, left, bottom on any element, across any breakpoint, using...

Responsive Select built with Bootstrap 5, React 18 and Material Design 2.0. Examples of collapsible/dropdown list of multiple values that you can customize by...

Responsive Tooltips built with Bootstrap 5, React 18 and Material Design 2.0. Examples with informative text/tips when users hover, focus, or tap an element.

Responsive Progress built with Bootstrap 5, React 18 and Material Design 2.0. Examples with step progress bar, loading bar, striped, colors and animations.

Responsive Input fields built with Bootstrap 5, React 18 and Material Design 2.0. Examples with password inputs, textarea, email fields, phone number, and many...

Responsive Navbar built with Bootstrap 5, React 18 and Material Design 2.0. Examples with logo, dropdown, collapse & hamburger icon. Alignment to the left,...

Oct 1, 2025 - Want to create collapsible content? You can create collapsible content using accordions. This post talks about the best Bootstrap accordions.

Functional examples of using Bootstrap in common JS frameworks like Webpack, Parcel, Vite, and more! - twbs/examples

Validation built with Bootstrap 5, React 18 and Material Design 2.0. Example provides verification of the input data of the e-mail address, login, registration...