Items

Flexbox Grid – A Responsive Masonry Grid System

Flexbox Grid – A Responsive Masonry Grid System

Flexbox Grid – A Responsive Masonry Grid System

Live Preview Buy Now Support


Description:

The CSS3 Flexible Box, or flexbox, is a layout mode intended to accommodate different screen sizes and different display devices. For many applications, the flexible box model is easier than the block model since it does not use floats, nor do the flex container’s margins collapse with the margins of its contents.

Many designers find the flexboxes easier to use than boxes. Without a lot of work, div’s frequently rose to the top of a page when designers did not want them to—so for example, sticking a footer to the bottom of a page was difficult. The widths and heights of flexboxes vary to adapt to the display space, holding the lower down elements in place. Flexbox logic also asks whether you want div’s to accrue to the right or on the bottom. The display order of flexbox elements is independent of their order in the source code.

Popular layouts can thus be achieved more simply and with cleaner code. This independence intentionally affects only the visual rendering, leaving speech order and navigation based on a linear reading of the HTML source.

Simple – Flexible – Responsive.

It’s about time. We can vertically and horizontally center anything without CSS transform hacks!

The Grid keeps to twelve columns (selectable). Flexbox Grid used breakpoints for the responsive layouts (extra small, small, medium, large and extra large) that we come to expect.

Based on Flexbox (CSS Flexible Box Layout Module), the Flexbox Grid System is a very simple css grid to quickly create modern layouts.

Flexbox Grid provides simpler and more flexible layout options in CSS. More specifically, it provides:

  • Vertical alignment of content within a parent element
  • Reordering of content across devices and screen resolutions with the help of media queries
  • CSS-only equal height columns for your grid-based layouts

Fancy a more modern grid system?
All tThese things are possible outside flexbox. But typically require extra hacks and workarounds to do right.
Use flexbox to take full advantage of CSS’s Flexible Box module for even more control over your site’s layout, alignment and distribution of content.

We guarantee, that you will purchase an exclusive product with the Grid.


Features:

Responsive: Responsive modifiers enable specifying different column sizes, offsets, alignment and distribution at xs, sm, md and lg viewport widths.
Fluid: Percent based widths allow fluid resizing of columns and rows.
Auto width: Add any number of auto sizing columns to a row. Let the grid figure it out.
Nested Grids: Nest grids inside grids inside grids.
Alignment: Add classes to align elements to the start or end of a row as well as the top, bottom, or center of a column
Distribution: Add classes to distribute the contents of a row or column.
Reordering: Add classes to reorder columns.
Reversing: Add classes to reversing columns.
And many more …

Flexbox Grid - A Responsive Masonry Grid System

Flexbox Grid – A Responsive Masonry Grid System

Changelog

Version 2.0.1 / Update: 06/09/2017
  • New: Drag & Drop sortable function (with cookies)
  • Minor issue: Performance
Version 2.0 / Update: 02/09/2017
  • Update: New structure
  • Fixed: Performance
  • New: Masonry (Isotope) Layout
Version 1.0 / Update: 11/05/2016
  • Release
Read more...
Mega Menu - A Responsive Dropdown Mega Menu

Mega Menu – A Responsive Dropdown Mega Menu

Mega Menu – A Responsive Dropdown Mega Menu

Live Preview Buy Now Support


Description:

The Mega Menu was extended with a lot functions and can be used or replaced for your existing menu. You can potty activate or even deactivate a lot of functions in the settings.scss file.
From the dropdown submenue till the fullwidth grid dropdown, the menu easily handles the purpose. You can integrate pictures, galleries, movies, maps and more. The responsive menu can not only be used extensive on a desktop pc, also you can use it completely on tablets and mobile devices.

We guarantee, that you will purchase an exclusive product with the Mega Menu.


Features:

HTML5 and CSS3
Grid System and Responsive Design
Wide & Boxed Layouts
Dark & Light Versions
Left and right align menu
Fixed on top
Small, half and fullwidth dropdowns
Unlimited colors
10 animated hamburger icons for responsive menu
Google Fonts Support
Font Awesome Support
Pure CSS3 navigation

Mega Menu - A Responsive Dropdown Mega Menu

Mega Menu – A Responsive Dropdown Mega Menu

Changelog

Version 2.0.5 / Update: 01/29/2017
  • Update: navbar.js
  • Delete: navbar.init.js
  • Update: Font Awesome (4.7.0)
  • Fixed: Minor Issues
  • Fixed: Performance

Version 2.0.4 / Update: 11/14/2016
  • Fixed: Minor Issues
  • Fixed: Performance
  • Update: Stroke Icons

Version 2.0.3 / Update: 11/04/2016
  • Fixed: Minor Issues

Version 2.0.2 / Update: 09/22/2016
  • Fixed: Performance

Version 2.0.1 / Update: 09/19/2016
  • New: 1 animated hamburger icon for mobile devices

Version 2.0 / Update: 09/01/2016
  • New: New dropdown menus
  • New: 10 animated hamburger icons for mobile devices
  • Fixed: Performance

Version 1.0 / Update: 06/01/2016
  • Release
Read more...
Bootstrap Mega Menu - A Responsive Bootstrap Mega Navbar

Bootstrap Mega Menu – A Responsive Bootstrap Mega Navbar

Bootstrap Mega Menu – A Responsive Bootstrap Mega Navbar

Live Preview Buy Now Support


Description:

The Bootstrap Mega Menu was extended with a lot functions and can be used or replaced for your existing menu. You can potty activate or even deactivate a lot of functions in the settings.scss file.
From the dropdown submenue till the fullwidth grid dropdown, the Bootstrap Mega Menu easily handles the purpose. You can integrate pictures, galleries, movies, maps and more. The Bootstrap Mega Menu can not only be used extensive on a desktop pc, also you can use it completely on tablets and mobile devices.

We guarantee, that you will purchase an exclusive product with the Mega Menu.


Features:

HTML5 and CSS3
Bootstrap 3
Grid System and Responsive Design
Wide & Boxed Layouts
Dark & Light Versions
Left and right align menu
Fixed navber top / bottom
Small, half and fullwidth dropdowns
Unlimited colors
2 responsive collapse menu colors (primary / light)
10 animated hamburger icons for responsive menu
Bootstrap Components Compatible
Google Fonts Support
Supported RTL languages
Pure CSS3 navigation

Bootstrap Mega Menu - A Responsive Bootstrap Mega Navbar

Bootstrap Mega Menu – A Responsive Bootstrap Mega Navbar

Changelog

Version 2.0.5 / Update: 01/29/2017
  • Update: navbar.js
  • Delete: navbar.init.js
  • Update: Font Awesome (4.7.0)
  • Fixed: Minor Issues
  • Fixed: Performance

Version 2.0.4 / Update: 11/14/2016
  • Fixed: Minor Issues
  • Fixed: Performance
  • Update: Bootstrap
  • Update: Stroke Icons

Version 2.0.3 / Update: 11/05/2016
  • Fixed: Minor Issues

Version 2.0.2 / Update: 09/22/2016
  • Fixed: Performance

Version 2.0.1 / Update: 07/27/2016
  • Update: Font Awesome
  • Fixed: Minor Issues

Version 2.0 / Update: 07/15/2016
  • New: Transparent Navbar
  • New: Transparent Navbars with Font Awesome and Stroke icons
  • Fixed: Minor Issues

Version 1.3.1 / Update: 07/10/2016
  • New: 4 new animated hamburger icons (responsive menu)
  • Bugfixes

Version 1.3.0 / Update: 07/09/2016
  • New: Navbar with Font Awesome and Stroke Icons
  • New: 2 new animated hamburger icons (responsive menu)

Version 1.2.4 / Update: 07/03/2016
  • New: Animated hamburger icons (responsive)
  • New: Select options
  • New: Wizard (register)

Version 1.2.3 / Update: 06/27/2016
  • Fixed: Dropdown menu improved in mobile view

Version 1.2.2 / Update: 06/22/2016
  • New: Dropdown animations
  • New: Dropdown animations on / off

Version 1.2.1 / Update: 06/11/2016
  • Fixed: Mixins “gradients” for IE10

Version 1.2 / Update: 06/03/2016
  • Fixed: input-group-addon class in advanced-search
  • Update: jQuery
  • Update: Font Awesome

Version 1.1 / Update: 06/01/2016
  • Fixed: Improved mobile display

Version 1.0 / Update: 06/01/2016
  • Release
Read more...
Pricing Tables - Responsive Animated Pricing Tables

Pricing Tables – Responsive Animated Pricing Tables

Pricing Tables – Responsive Animated Pricing Tables

Live Preview Buy Now Support


Description:

The Pricing Tables (Bootstrap Version included) are easy to use and integrate into any web project and is ready for Desktop, tablet and mobile devices. Simple to implement. Just copy the HTML and link to the CSS file. No JavaScript required! You can easily edit, change and customize them for yourself.

SCSS file is included and you can easily change the design or colors you want!

We guarantee, that you will purchase an exclusive product with the Responsive Pricing Tables.


Features:

HTML5 and CSS3
Grid System and Responsive Design
Wide & Boxed Layouts
Unlimited colors
Google Fonts Support

Pricing Tables - Responsive Animated Pricing Tables

Pricing Tables – Responsive Animated Pricing Tables

Changelog

Version 1.0 / Update: 11/04/2016
  • Release
Read more...
Buttons - Pure CSS3 Combinable Animated Buttons

Buttons – Pure CSS3 Combinable Animated Buttons

Buttons – Pure CSS3 Combinable Animated Buttons

Live Preview Buy Now Support


Description:

The buttons is an easy-to-use and colorful set of animated buttons, build with SCSS and compass.

You can activate / deactivate a lot of functions in the options.scss file.

The buttons can not only be used extensive on a desktop pc, also you can use it completely on tablets and mobile devices.

Many effects use CSS3 features such as transitions, transformations and animations. Old browsers that don’t support these features may need some extra attention to be certain fallback hover effect is still in place.

The animated buttons do not require javascript files.

We guarantee, that you will purchase an exclusive product with the Buttons.


Features:

HTML5 and CSS3
SASS
Compass

Buttons - Pure CSS3 Combinable Animated Buttons

Changelog


Buttons – Pure CSS3 Combinable Animated Buttons

Changelog

Version 1.0 / Update: 12/12/2016
  • Fixed: Performance
Version 1.0 / Release: 06/10/2016
  • Release
Read more...