Start Your Development With A Badass Bootstrap 4 UI Kit inspired by Material Design. If you like Google's Material Design, you will love this kit! It features a huge number of components built to fit together and look amazing.
Fully Coded Items
Material Kit PRO features over 1000 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. All components can take variations in colour, that you can easily modify using SASS files.
Every item comes in 2 forms: PSD element and HTML/CSS/JS implementation. You will save a lot of time going from prototyping to full-functional code, because all elements are implemented. We wanted the design process to be seamless, so switching from image to the real page is very easy to do.
Layered Components Every components comes with separate layers organised in folders. Every element has multiple states for colors, styles, hover, focus, that you can easily access and use. All PSD files are easy-to-use and we also offer support for any issue that you may find. You will find it easy to make changes and customise the elements, due to the smart objects used.
Material Kit comes packed with a large number of sections. Putting together a page has never been easier than matching together sections. From team presentation to pricing options, you can easily customise and built your pages. We have created multiple options for you to put together and customise into pixel perfect pages.. View all sections here.
If you want to get inspiration or just show something directly to your clients, you can jump start your development with our pre-built example pages. From landing pages to e-commerce or blog pages, you will be able to quickly set up the basic structure for your web project. View example pages here.
change the demo.css/demo.js files to run the project without them
resize the modal on devices to fit the page
change the name and the route in the gulpfile.js file in the users archive
in the html pages the path from images was changed
we changed the path of images from assets/img folder
Improvements, Bootstrap 4.0.0 update
Reestablish the gulp compiling of the SASS files
Bug fixing, Improvements
Added two plugins in Documentation
Included gulp task that opens the project in browser
Reestablish the routes for some Documentation Components
responsive issue fixed for carousel
Bootstrap 4 update
Core base code on Bootstrap 4
Documentation code base written from scratch
Class changes : .card-block to .card-body
.navbar-toggleable-* to .navbar-expand-*
.hidden--down to .d-none .d--block
.hidden--up to .d--none
.checkbox to .form-check
.radio to .form-check
more class changes here:https://medium.com/@lukaszholeczek/how-to-upgrade-bootstrap-4-alpha-6-to-bootstrap-4-beta-d43b4210f2a3
Bug fixes for responsive devices
Small changes for components
fixed parallax page scroll
fixed cards from ecommerce.html page
jQuery library update to the latest version
removed atv-img-animation.js library ( multiple problems with the browsers )
fixed rotating card system for IE, changed rotating cards with raised image with regular cards with background image or plain cards
bootstrap-selectpicker.js updated to the latest version
BugFixing, Plugins Updates, New Cards (HTML Version)
v1.1.0 14 Apr, 2017 -
Bootstrap DateTimePicker v4.17.45
Replace Bootstrap SelectPicker v1.11.2
Replace Tags with Bootstrap TagsInput v0.8.0
Added new cards
Added 3D animation effect for images on cards(atvImg library)
Added New rotating cards
Added Ecommerce Page
Added simple input example
IMPORTANT! If you migrate from V1.0.0 to V1.1.0 please make sure your replace the '.content' class inside each card with '.card-content', we've made this adjustment for a better control of the content that is inside a card. Sorry for the inconvenience.