Extended documentation

Extended documentation with experimental components and functionalities.

Code

Documentation and examples for displaying inline and multiline blocks of React code with Bootstrap 5.

Gallery

A stunning collection of responsive React galleries created with the latest Bootstrap 5. Image gallery, video gallery, photo gallery, full-page, eCommerce, lightbox, slider, thumbnails, and many more.

Hamburger Menu

Responsive React Hamburger menu with Bootstrap 5. Templates include hamburger menu on the left and on the right (RTL support), icon animations, sidenav, navbar & more.

Jumbotron

Responsive React Jumbotron built with Bootstrap 5. Examples of classic hero component, with background image, with navbar and many other combinations.

Login form

Responsive login form built with Bootstrap 5. Collection of examples for signup forms, full page login templates, login modals & many other sign in designs.

Maps

Responsive React maps with Bootstrap 5. Google maps, vector maps, contact us section template and more.

Media object

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

Mega Menu

Responsive React Mega Menu built with Bootstrap 5. Examples of dropdown on click and on hover. Templates with grid, images, links, lists and more.

Multiselect

Responsive React Multiselect built with Bootstrap 5. Multiselect dropdown, multiselect listbox, with checkbox, search, button, groups, icons, validation, disabled & more

Masonry

Responsive masonry built with React Bootstrap 5. Masonry is a grid layout based on columns & it optimizes the use of space inside the web page by reducing any unnecessary gaps.

Contact

Responsive React Contact form built with Bootstrap 5. Contact form is used when subscribing to a newsletter, asking a question in a FAQ section, or leaving a testimonial / review for a product.

Gradients

Bootstrap React gradient effect is a linear color progression - a smooth transition between two colors. The gradient effect can be used in a variety of components.

Pagination

Responsive React Pagination built with Bootstrap 5. Examples for showing pagination to indicate a series of related content exists across multiple pages.

Panels

Bootstrap React panels are bordered boxes where you can place texts, lists, tables and other content. Panels are similar to cards, but they don't include media.

Social Media icons & buttons

Social Media icons and buttons built with Bootstrap 5. Facebook, Twitter, Google, Instagram, LinkedIn, Pinterest, YouTube, GitHub, WhatsApp, Slack, Reddit, and more.

Search

Responsive React Search built with Bootstrap 5. Bootstrap search is a component which enables the user to find words, sentences, and numbers in a collection of documents, web pages or other sources.

Table sort

A collection of survey forms built with the latest Bootstrap 5. Choose from a variety of pre-made surveys, such as multiple choice survey, checkbox survey, modal survey and many more.

Table responsive

React Responsive Table built with Bootstrap 5 allow tables to be scrolled horizontally with ease. They can be comfortably used both on desktops and mobile devices.

Table scroll

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

Table search

Responsive Table search built with Bootstrap 5. Super fast and easy to use searching functionality dedicated to bootstrap tables.

Textarea

Responsive React textarea built with Bootstrap 5. How to change size, height, width and style. Examples of comments, contact form, checkout and chat.

Sidebar

Responsive Sidebar built with Bootstrap 5. Sidebar is a navigation component providing a clear way for navigating complex websites with lots of pages.

Profiles

Responsive Sidebar built with Bootstrap 5. Sidebar is a navigation component providing a clear way for navigating complex websites with lots of pages.

Registration form

Responsive React Registration form built with Bootstrap 5. Templates for signup forms, registration popups, register modal designs, registration validation & more.

Nested Dropdown

Nested dropdowns built with React Bootstrap 5. Tutorial & templates for multilevel navbar dropdowns menu, activated on hover or on click & much more

Address Form

Responsive address form built with React Bootstrap 5. Address form templates include basic examples, email validation, use of cards, use of photos & more

Scroll Back to Top button

Scroll Back To Top link built with Bootstrap 5. Create a button that appears when you start scrolling and on click smooth scrolls you to the top of the page.

Shopping carts

Responsive Shopping Cart & checkout templates built with React Bootstrap 5. Multiple examples of various product summary & payment review designs. Ready to use pages and templates

Product Cards

Responsive React Product Cards built with the latest Bootstrap 5. Card grid usage, eCommerce product cards, product card listing deck, card with reviews and more.

Avatar

Responsive React Avatar built with Bootstrap 5. Examples of circle or square avatar, avatar in a card, inside the navbar, testimonial carousel, profile card & more.

React Carousel Slider with Thumbnails

Responsive Carousel Slider with Thumbnails built with the latest React Bootstrap 5. An improved version of the standard bootstrap carousel image gallery additionally equipped with thumbnails. Vertical example included.

Chat

Responsive React Chat built with Bootstrap 5. Many variants of chatbox UI, mobile app, messages box, chat window, chatbot UI, group chat, chat widget, web chat & more.

Comparison table

Responsive React Comparison table templates built with Bootstrap 5. Various examples like comparison table on pricing page, comparison card, product comparison & more.

Credit card form

Responsive React Credit Card Form built with the latest Bootstrap 5. Free payment form design template with a credit card validation example.

Comparison table

Responsive React Comparison table templates built with Bootstrap 5. Various examples like comparison table on pricing page, comparison card, product comparison & more.

Comments

Responsive React Comment Box built with Bootstrap 5. Comment with avatar, nested comments, with reply, comment section, comment list, unread status & comment form

Drawer

Responsive React navigation Drawer built with the latest Bootstrap 5. Examples like sliding side drawer in a container, multilevel, material, right drawer & more.

Invoice

Responsive React Invoice with Bootstrap 5. Various examples like simple invoice, payment receipt, company invoice, invoice with images and many more.

FAQ component / section

Responsive React FAQ with Bootstrap 5. Templates include accordion faq, collapse FAQ, FAQ section & customized Bootstrap FAQ components.

News feed

Responsive React News Feed templates built with Bootstrap 5. News article feed, instagram, facebook and twitter-like feed, posts with comments, social section & more.

Order details

Responsive React Order Details built with the latest Bootstrap 5. Multiple eCommerce examples and ready-to-use shop pages. Various design and functionalities.

Offcanvas

Responsive React Offcanvas sidebar built with Bootstrap 5. Examples include offcanvas width customization, double offcanvas example, left and right hidden menu & more

Page transitions

A stunning collection of React page transitions built with Bootstrap 5. Templates for transitions on scroll, slide transitions, animations on click, fading & more.

Expanding Search Bar

Responsive React Expanding Search Bar built with Bootstrap 5. Examples with the trigger on click and on hover.

Quotes

Responsive React Quotes built with Bootstrap 5. HTML & CSS. Quote boxes with quote symbol, blockquotes, quote carousel slider, various quote styles with HTML & CSS.

Payment Forms

Responsive React Payment Forms built with the latest Bootstrap 5. Credit card, PayPal, Stripe, eCommerce checkout, multi-step payment, donation form & more examples.

Select with custom Input

Responsive React Select with custom user input built with Bootstrap 5. Click on the Other option to input a custom value into the select.

Square Buttons

Responsive React Square Buttons built with Bootstrap 5 & HTML. Disabled button, black, full-width outline, social button, big button, block square button & more.

Testimonial Slider

Responsive React Testimonial Reviews Slider templates built with Bootstrap 5. See examples of the combination of Bootstrap carousel with testimonial reviews.

Testimonials / Reviews

Responsive React Testimonials / Reviews templates built with Bootstrap 5. Testimonial page and section templates with stars, images, background images, cards & more.

Survey Form

React Survey forms built with Bootstrap 5 and HTML. A variety of pre-made surveys, including multiple choice, questionnaire, checkbox survey, modal survey & more.

Timeline

Responsive React Timelines built with Bootstrap 5. Horizontal and vertical timeline examples, interactive timeline, double-sided timeline & more. Easy to customize.

To Do List

Responsive React To Do Lists built with the latest Bootstrap 5. Many tasklist templates, various variants of design and functionality.

Padding

Responsive React Padding styles and classes for Bootstrap 5. Examples of padding left, right, top, bottom, between columns and rows, grid padding, RTL support & more.

Modal Size

Responsive React popup window sizing with Bootstrap 5. Modal width, modal height, fullscreen modal, large modal with lg & xl modal classes and more.

Modal Backdrop

React Backdrop options for a responsive popup with Bootstrap 5. Prevent close on click outside with static backdrop, remove backdrop, enable interactivity & more.

Text Animations

A beautiful collection of React CSS text animations with source code and a video tutorial showing how to achieve these effects step by step.

Video

Resonsive React video templates for Bootstrap 5. It can be used in carousels, modals, as a video background, for presenting a video gallery or simply as a player.

Modal Show, Close, Hide & Toggle

Methods for responsive Popup with React Bootstrap 5. Show, hide / close or toggle a modal with react props.

Card Deck

Responsive Card Deck built with Bootstrap 5, React 18 and Material Design 2.0. Bootstrap card-deck with multiple rows and standard breakpoints.

Table filter

Responsive Table Filter built with React Bootstrap 5. Search filter is the most common useful table control. Filter any table with ease using datatables features.

Slider

Responsive React Sliders built with Bootstrap 5. Range slider bar with label or a carousel image slider? No matter what you are looking for, we've got you covered.

Logo

Responsive React Logo built with Bootstrap 5. Navbar with logo, logo centered in Navbar, logo above the navbar, logo carousel & more.

Popup

Responsive React Popup built with Bootstrap 5. Examples include modal popup, popup box, notification message popup, alert popup, lightbox popup & popup form.

Weather

Responsive React Weather templates built with the latest Bootstrap 5. Examples of weather dashboards with icons, cards, real data from API, interactive animated backgrounds & more

Hero

Responsive React Hero built with Bootstrap 5. Examples include hero image, hero banner, hero slider, hero section & more.

Max width

Responsive React Max Width built with Bootstrap 5. Learn how to make a container or an element max width within its parent.

Select dropdown

Responsive React Select Dropdown built with Bootstrap 5. Examples include multiselect dropdown, select dropdown with search box, checkbox form select dropdown & more.

Labels

Responsive React Labels built with Bootstrap 5. Badge Labels are for counters, categories & tags. Floating labels refer to forms, and slider labels to the range.

Dialog

Responsive React Dialog built with Bootstrap 5. Examples of dialog box UI for confirm & reject dialog popups, alert dialogs & more.

Screen Sizes

Responsive React Screen Sizes built with Bootstrap 5. Check default pixel widths for different screen sizes supported by Bootstrap 5 responsiveness features.

Dropdown Button

Responsive React Dropdown Button built with Bootstrap 5. Dropdown can be created with the use of a button or link elements.

Widgets

Responsive React Widgets & Addons built with the latest Bootstrap 5. Calendar, eCommerce gallery, Chat, File upload, Countdown, WYSIWYG, Drag & drop, Filters, & more