Thursday, September 21, 2017

Bootstrap themes and plugins

Bootstrap themes and plugins

In itself, Bootstrap is full of JavaScript components that are very useful, which cover a lot of use cases, be it for instance modal window or user login, alert messages to show an important message to a visitor, carousel for the homepage. However, in some instances one may need more than that. This is the time to find some of the Bootstrap themes and third party plugins. Usually, they are built on top of the current Bootstrap components and extend them in a lot of ways.

THEMES AND PLUGINS

The plugins and themes could be divided into few groups, such as:

1. Component package

2. Lightboxes and gallery plugins

3. Buttons

4. Navigations and Navbars

5. Forms

COMPONENT PACKAGES

More than a dozen reusable components built to offer dropdowns, iconography, input groups, alerts, navigation and many more.

Fuel UX – extends Bootstrap with more lightweight JS controls for the web applications. It includes combo box, checkbox, data picker, loader, infinite scroll, radio, placard, repeater, search, scheduler, spinbox, select list, tree and wizard. The complex library is truly worth checking out.

Jasny Bootstrap – Is a component package that many would find useful. Included are off-canvas menu component, fixed-top alerts, labelled buttons, input mask for text inputs, file input with image previews and a whole lot more.

LIGHTBOXES AND GALLERY PLUGINS

EkkoLightbox – it is a lightbox Bootstrap module that supports YouTube videos, images and galleries and built around the Modal plugin of Bootstrap. It could be styled easily, the same as Bootstrap modal, supports header and footer section. Working with it is very easy.

Bootstrap media lightbox – It is lightweight and borderless media lightbox Bootstrap 3 extension. It supports image galleries, single images, videos and frames.

Bootstrap image gallery – is a responsive, touch-enabled and customizable image and video gallery. It displays videos and images in the model dialog of the framework, mouse and keyboard navigation, features swipe, transition effects, full-screen support and on-demand content loading that could be extended to display more types of content.

BUTTONS

CSS3 Microsoft modern buttons – helps to easily re-create stylish buttons that are used by Microsoft on their sites. It is a nice addition to default Bootstrap buttons.

Social buttons – Social sign-in buttons made in pure CSS-based on Bootstrap and Font awesome. It is very easy to work with, it only requires adding one of the prepared classes.

NAVIGATIONS AND NAVBARS

Yamm – is another mega menu for Bootstrap 3. It uses standard navbar markup as well as fluid grid system classes from Bootstrap. It works for fixed and responsive layout and could include nearly any Bootstrap elements.

Bootstrap sidebar – is a responsive sidebar plugin or Bootstrap 3. If the menus are too large to fit in a horizontal menu bar, or a responsive sidebar is required, that’s compatible with the platform, then this is the plugin of choice.

Hover dropdown – It enables opening dropdowns only through hovering over them. A nice features is the possible setting of timeout.

Tab drop – it’s very useful when the tabs do not fit in one row. The script takes the not fitting tabs and creates a new drop-down tab. In the dropdown, there are tabs that do not fit.

Bootstrap tree navigation – it is a JavaScript plugin for Twitter Bootstrap 3. It helps create tree navigation menus, build and maintained by Morris Singer.

FORMS

Tokenfiled for Bootstrap – is an advanced tagging/tokenizing plugin for Twitter Bootstrap and jQuery with a focus on copy-paste and keyboard support.

JqBootstrap Validation – is a jQuery validation plugin for Bootstrap forms. It could validate number, email, min, pattern, max and a whole lot more.

Bootstrap markdown – is a simple markdown editing tool that truly works. It is designed to be integrated easily with the Bootstrap project. It exposes useful API that enables fully hook-in to the plugins.

Bootstrap Combobox – It is easy to implement to boost user experience with long select elements.

Bootstrap color palette – is a simple color palette plugin for the platform that enables a user to choose from the basic color palette or one that is defined by the user.

Bootstrap Maxlength – a visual feedback indicator for the maxlength attribute. It uses a Twitter Bootstrap label to reveal a visual feedback to a user regarding the maximum length of the field wherein a user is inserting text. Moreover, it uses the HTML5 attribute ‘maxlength’ to work.

Bootstrap Colorpicker – is indeed nice and customizable plugin for Bootstrap. The interface is great where one could choose from a complete color palette, which includes opacity option.

JQuery file upload – is a widget with numerous file selection, progress bar for jQuery and drag and drop support. It supports cross-domain, resumable and chunked file uploads. It also works with any server-side platform, such as Ruby on Rails, Python, PHP, Node.js, Java, Go and more that supports a standard HTML form file uploads.

Data Range picker – a JS component for selecting data ranges. It is designed to work with the CSS framework of Bootstrap.

Bootstrap select – is a jQuery plugin that uses Bootstrap’s dropdown.js to style. Moreover, it also brings more functionality to normal select boxes.

Each and every Bootstrap theme offers an extensive set of tools that are super easy to get up and running. It provides a great leg up when beginning a project.

No comments:

Post a Comment