Extended documentation

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

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.

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.

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

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

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

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

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

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

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.

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.

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.

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

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 and buttons built with Bootstrap 5. Facebook, Twitter, Google, Instagram, LinkedIn, Pinterest, YouTube, GitHub, WhatsApp, Slack, Reddit, and more.

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.

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.

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.

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

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

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

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

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

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

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

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 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.

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

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.

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.

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.

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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

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

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.

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

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

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.

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.

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

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

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

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

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

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

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.

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

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

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

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