SiteBoostEdit

Open Source Components
for Bootstrap and Bootstrap Studio

Enhance Your Projects with Our Free Open Source Components

Discover our collection of Bootstrap components that we have carefully designed to enrich your websites. You can easily integrate and fully customize them to create elegant and functional interfaces. The source code is available and can be freely modified.

By using our components alongside the standard Bootstrap components, you can create websites that stand out both aesthetically and functionally.

Save time and impress your clients with professional designs.

Use SiteBoostEdit Components

Depending on the components, one of the two methods is available :

  1. A button lets you copy all the source code in text format to the clipboard.
    The source text can contain HTML, CSS and JS code.
  2. The source code is displayed on the screen, with syntax highlighting.
    Each required code type, HTML, CSS, and JS, uses a separate area.
    When hovering with the mouse, a button allows copying the corresponding code.

Install Components in Bootstrap Studio

For BSS users, standard installation is recommended:

  • For each SiteBoostEdit component, a button allows you to copy its name to the clipboard.
  • In the Online panel of Bootstrap Studio, paste the component's name into the search field.
  • Select the component from the list, then click the INSTALL button to import it into Bootstrap Studio.
  • The component will be installed and accessible in the Downloaded folder.

Discover our free components

Component : Carousel Loop

  • Continuous scrolling: Captures attention and makes the page dynamic.
  • Responsive carousel: Adapts to all screens while maintaining an appealing appearance.
  • Lightweight code: No JavaScript, only easy-to-configure CSS code.

Component: Hamburger Animated

  • Animation: The button's lines transform into a cross with a rotation effect.
  • Customization: The use of Bootstrap classes allows for color selection
  • Compatibility: Replacement for the standard hamburger in Bootstrap Navbars

Components: Text Image

  • Design Flexibility: This approach offers various layout options, allowing for balanced and visually appealing designs.
  • Emotion and Engagement: Images can evoke emotions and create a stronger connection with users. By using evocative visuals, you can reinforce the text's message and encourage visitors to engage more with the content.
  • Enhanced Communication: Images quickly capture attention, while text provides detailed explanations. This synergy allows for more effective and memorable communication of complex messages.