[BWB] Frontend Frameworks for Web Development | Basic Webpage Builder

Basic Webpage Builder(BWB) is an ultra-light front-end framework that comes with a set of most commonly used UI components for fast web development.

web development technologies and frameworks, top framework for web development 2021, best front end framework for web development, best framework for web development

How to make use of it:

1. Download the package deal and insert the next files into the doc.

<link rel="stylesheet" href="css/style.css" />
<script src="js/plugins.js"></script>

2. Create a darkish or light top navigation bar.

<div class="navbar-theme-dark">
<div class="navbar-theme-light">

3. Create an off-canvas navigation bar with a hamburger toggle button.

<div id="sidenav" class="sidenav">
  <a href="jsvascript:void(0)" class="closebtn" onclick="closenav()">&times;</a>
  <a href="#">About</a>
  <a href="#">Services</a>
  <a href="#">Clients</a>
  <a href="#">Contact</a>
<span style="font-size:30px;cursor:pointer" onclick="opennav()">&#9776;</span>

4. Create a primary structure for the primary content.

<div class="row">
  <div class="container">
    Main Content Here

5. Create a Jumbotron to showcase hero content.

<div class="inbox">
  Hero Content Here

6. Create info/success/warning alerts.

<div class="bar bar-warning">
  Warning Message Here
<div class="bar bar-information">
  Info Message Here
<div class="bar bar-done">
  Success Message Here

7. Attach a popover to a component.

<div class="info" onclick="info()">
  Click Me
  <span class="infotext" id="info">Popover Content Here</span>

8. Display a snackbar on the display screen.

<div id="snackbar">Hello <strong>World</strong>!</div>

9. Create an input field.

<input type="focus" placeholder="Add Something...">

Minimalist Front-end Framework, Basic webpage builder Plugin/Github, most popular web frameworks, most popular web development platforms

See Demo And Download

Official Website(shbwb): Click Here

This superior jQuery/javascript plugin is developed by shbwb. For extra Advanced Usages, please go to the official website.

Related Posts


Adding Zoom-on-Wheel and Pan-on-Drag to Inline SVG Elements

Vanilla-js module for adding zoom and panning behavior when dragging to SVG embedded elements. A lightweight Vanilla JavaScript plugin that enables zoom and pan functions on an…


Sorting HTML Table Vanilla JavaScript Library | Sortable.js

Sortable – Small JS vanilla table sorter makes any table with class = “sortable“, er, sortable. That is, the user can click the table header and change…


WYSIWYG Rich Text Editor With jQuery And FontAwesome | RichText

RichText jQuery implementation for WYSIWYG Rich Text Editor which uses Font Awesome Iconic Font for editor icons. It is licensed under AGPL-3.0. Initialize editor Simply call .richText() on your jQuery(‘textarea’) or jQuery(‘input’)…


[Autocomplete] Email Domain Suggestions Like Gmail, Outlook, or More | email-genie

Email Genie allows auto-completion in the email field by providing a list of domain suggestions (gmail.com, outlook.com, etc.). This package is lightweight, flexible, compatible with libraries (jQuery,…


[Generator] JavaScript Library for Creating Squircley Magic ✨ | squircley.js

squircley.js is the core magic of Squirclular ✨ from https://squircley.app wrapped in a simple 0-dependency JavaScript library. squircley.js can generate SVG files, add square backgrounds to DOM…