Purpose – Website UI Kit (Light/Dark)

Purpose – Website UI Kit (Light/Dark)

$49.00

Live preview

4.24/5 (34 reviews)

1895

Purchases

Bootstrapv4.5.3
Released6 years ago
Updated3 years ago
Version2.1.0
Questions?Contact Seller
  • About Purpose

Purpose Website UI Kit is a unique and beautiful collection of UI elements that are all flexible and modular. A complete and customizable solution filled with pages of examples and features that will really help you to create a robust and modern-looking website in no time.


Key Features

Our products share the same structure and principles, allowing you to build faster and more consistently. Some of the key features that you’ll get with each theme are:

  1. Modularity: All components are built to be used in any combination.
  2. Responsiveness: Quick is optimized to work for most devices.
  3. Scalability: Remain consistent while developing new features.
  4. Customizability: Change a few variables and the whole theme adapts.

Code faster and better

Make your website building process a breeze and automatize your time-consuming tasks in your development workflow using Gulp and BrowserSync to live-reload your web pages while making changes.

  1. Theme setup
  2. Tons of variables
  3. Source files
  4. Build tools

Dark Mode

Dark Mode brings a whole new experience to your website. It’s carefully designed to make every element on the screen easier on your eyes and is seamlessly integrated throughout the theme.


What’s in the Pack?

Purpose is a wonderful product built to offer your website a premium touch. Besides the custom-built components, features, and pages, you’ll receive a set of premium and exclusive assets:

  • Source files (HTML/CSS/SASS/JS)
  • Premium SVG illustrations
  • Premium SVG icons
  • Premium licensed plugins

Build tools

Now, with these customized build tools, it is easier than ever to automate painful or time-consuming tasks in your development workflow using Gulp 4 or Laravel Mix. Each one of these will help you achieve the results you need in seconds.


Built by Webpixels

A professional digital agency providing Premium Themes, UI/UX Design, and Web Apps that you will simply love. We’ve been creating Bootstrap themes since 2013 and we’ve never stopped learning and improving our skills since then. Our products are built with reuse and modularity at the core which forms the ideal starting point to create website projects of any kind.

Learn more


Beautiful Page Examples

Explore the live examples of the pre-built page layouts that were made with customization and re-usability in mind. Let us amaze you with a level of quality in design and code never seen before in a Bootstrap theme.

Landing Pages: A 15+ page collection perfect for companies, agencies of any kind, events, blog, portfolio, and much more.

Secondary Pages: Complete your website with one of these inner pages built to give you a starting point for creating pricing, services, about us, work showcase, support pages, and much more.

Account Pages: Purpose comes with a useful set of pages for account management that was built to be a great starting point for creating user profiles, a light dashboard, and much more.

Shop Pages: A complete e-commerce flow to build and integrate your online shop fast and easy with a beautiful and intuitive design.


Complete Features at Your Hand

Purpose is a great premium UI package including all the important and needed features so you can jumpstart the hard work and get right to the website creation fast and easy with more than 100 customized Bootstrap components and 15+ integrated plugins.

Latest Components:

  • Omnisearch
  • Topbar
  • Language selection
  • Custom modals (e.g account-settings.html)
  • Sticky sidebars
  • Stats cards
  • Notification cards
  • Timeline cards
  • Avatar groups
  • Authentification
  • Product cards
  • Alternative footer (e.g index.html)
  • In-view animations (e.g typing animation stops when is out of viewport)

All Features:

  • 100% Responsive
  • Based on Bootstrap 4
  • Dark mode
  • Alternative skins (change colors, typography and more)
  • Premium SVG icons and illustrations
  • Extended navigation functionality
  • Gulp 4 for compiling assets and beautify HTML markup
  • Laravel Mix (alternative to Gulp compile tasks)
  • Install dependencies via NPM or Yarn
  • Multiple authentication styles
  • Improved and minimalist shop design
  • Dashboard components
  • Apex charts
  • 15 integrated plugins
  • Extended documentation
  • Section explorer
  • Fully Customizable
  • Built with Sass
  • Flexbox Grid
  • 70+ Pre-built Page Examples
  • 20+ Hero Layouts
  • Premium Plugins
  • Scalable Vector Graphics (SVG)
  • Customized Libraries
  • Well Documented
  • Powerful Scripts
  • Customized Google Maps
  • FontAwesome 5
  • Pricing Tables
  • Countdown
  • Milestone Counter
  • Typed Content Animation
  • Advanced Form Layouts
  • Beautiful Gradients
  • Google Fonts
  • Masonry Grid Layouts
  • 10+ Unique Landing Pages
  • 20+ Incredible Secondary Pages
  • 10+ Account Pages
  • 8+ Shop pages
  • and many more…

New plugins:

Each plugin is well documented and easy to install via NPM or Yarn. Here is a list of the latest libs we added in Purpose 2.0:

  • Flatpickr
  • List JS
  • Masonry
  • Notify
  • Quill
  • Sweet Alert

Premium Plugins:

  • Fancybox
  • Isotope

Customize with Confidence

Customization has never been easier. Purpose has all the right tools in order to make your website building process a breeze and automatize your time-consuming tasks in your development workflow with Gulp toolkit and BrowserSync live browser reload.

We are developers too and we know exactly what you need. You don’t only need a theme, but also great tools in order to ease the process. And this is exactly what we offer you: the latest technologies and tools in order to create a better code that not only works great, but it is easy to work with too.


Why our themes?

  • Perfect for modern startups: With an intuitive markup, powerful and lightning-fast build tools, you can turn your ideas into incredible products.
  • Thoughtfully crafted code: Components and examples, including tons of variables that will help you customize this theme with ease.

Build tools and full documentation

Components, plugins, and build tools are all thoroughly documented with live examples and markup for easier use and customization—just like Bootstrap itself. Not comfortable diving that deep? No worries, you just use the compiled CSS and examples pages!

Free Updates and Support

We will offer technical support for any issue you might find when working with our themes on the dedicated Github Issues page.

Request Support

NEW: Student Discount

Are you a young and talented developer who has some fresh ideas for school projects? If our products can be useful, we want to make sure we support all of you.

Request a student discount code – let us know you are a student and we’ll send to you a discount code right away. You will be able to use it for any of our products.

You must purchase this theme to leave a review.

If you have already purchased it, login to leave a review.

Please provide a title
Please select a score
0/500
Please enter a review
Way to many issues
  • by Jaimy
  • 5 months ago
Please provide a title
Please select a score
0/500
Please enter a review

Please don't buy this theme since it's way too outdated! The support links found below are not working anymore. Please update the theme or put it offline if there is no maintenance anymore :).

Bootstrap 5
  • by Roc
  • 2 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Hi. will you update the theme to bootstrap 5?

Several bugs
  • by Ivan
  • 3 years ago
Please provide a title
Please select a score
0/500
Please enter a review

The theme has several bugs, I patched various, but... I can't with all. I tried to contact with support without answer. I loved themes from webpixels, but I'll not pay again. Also, the documentation is full of examples, yes, but there's not essentials things like how to start with the "blank" template (no possible headers classes, no possible footer classes, html template basic skeleton).

Webpixels
  • Theme Creator
  • 3 years ago
0/500

Hi Ivan,

Sorry for the inconvenience. We've been in a transition process. Recently we changed the way we offer support. From now on we only respond on the dedicated GitHub Issues page. You can find it in the theme's description or copy this link: https://github.com/webpixels/bootstrap-themes-support.

Add your issue there and we'll get back to you asap.

Undefined error.
  • by AJIT
  • 3 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Update: 5/12/2021:I have changed the review to one star since I have not received a response to the email or this review. Buyers be aware that you are buying a unsupported theme.
I am getting a undefined error on line $target.height(). Any input? Similarly I am trying to use the select2 plugin and I do not see it working. Is there a forum where I can search for people having the same issue.
function init($this) {
var $target = $this.find($($this.data('negative-margin'))),
height = $target

Webpixels
  • Theme Creator
  • 3 years ago
0/500

Hi,

Sorry for the inconvenience. As I mentioned in another comment we changed the way we offer support. We don't take support tickets via email anymore.

From now on we only respond on the dedicated GitHub Issues page. You can find it in the theme's description or copy this link: https://github.com/webpixels/bootstrap-themes-support.

Add your issue there and we'll get back to you asap.

Thank you for your understanding!

Good Theme, but for the price some components are not perfect
  • by Omar
  • 3 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Buggy theme.

Bootstrap 5
  • by Luis
  • 4 years ago
Please provide a title
Please select a score
0/500
Please enter a review

I'm planning buy the extend license. Will be any update soon?

Webpixels
  • Theme Creator
  • 3 years ago
0/500

Hi,

Yes, we are working on an update to bring this theme to the latest version of Bootstrap 4.
The update will be available to download this fall.

Deprecated node dependencies
  • by Sagnik
  • 4 years ago
Please provide a title
Please select a score
0/500
Please enter a review

There seem to be a lot of deprecated node depenceis in the package.json file, is there any update for those coming soon?
https://i.imgur.com/r65bf3J.png

Webpixels
  • Theme Creator
  • 3 years ago
0/500

The warnings aren't always because of our fault. Those are just notifications to let you know those packages need an update in order to function properly on future versions. Sometimes these warnings are caused when the Node and npm versions are not the ones required.

However, we updated all the used dependencies. Should work fine now

Update??
  • by Michael
  • 4 years ago
Please provide a title
Please select a score
0/500
Please enter a review

When is this update happening?? It's June 2020

Webpixels
  • Theme Creator
  • 4 years ago
0/500

All our themes will get new updates. First, we will release updates for the last Bootstrap 4 stable version (4.5.0), most probably this fall.

ver. 4.5?
  • by Siripong
  • 4 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Will you update to bootstrap 4.5?

Webpixels
  • Theme Creator
  • 4 years ago
0/500

Yes, of course. We will roll an update soon. If you don't want to wait, you can easily update it yourself using NPM. Since this version doesn't affect the overall look and feel, you won't have any problems by doing that.

awesome theme
  • by Martin
  • 4 years ago
Please provide a title
Please select a score
0/500
Please enter a review

this theme works perfect on all devices and is very easy to use.
From scratch to prod within days!

Great Job

Theme update?
  • by Türk
  • 4 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Hi. will you update the theme to bootstrap 4.4.x?

Webpixels
  • Theme Creator
  • 4 years ago
0/500

Hi, sure we will. We are preparing an important update for Purpose. It will be available for download in February.

ANY PLAN FOR UPDATES???
  • by Morgan
  • 4 years ago
Please provide a title
Please select a score
0/500
Please enter a review

hi guys, thanks for ne nice theme! really enjoy it.
any plan for future update soon?
tx

Webpixels
  • Theme Creator
  • 4 years ago
0/500

Hi, Morgan,

Yes. The new update is coming with plenty of new features and pages examples. We will launch it in February :)

Best,
Alexis

Good theme
  • by Michael
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Hi, I really love your theme but right after purchase I got a support request which I sent to your email but I havent got any reply yet. The thing is you can see it in your demo as well ( https://preview.webpixels.io/purpose-website-ui-kit-v2.0.1/pages/landing/portfolio.html ) the 3 icons right on top part of the web are kind of cut out on top. Would really love if you can provide a fix for this. Thanks

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Hi, Michael,

Thank you for your feedback! Meanwhile, we managed to solve these issues. So, I am happy we could change your impression of our theme for the better.

Best regards,
Alexis

Great theme with a funky design
  • by Neville
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Beautifully organised theme with lots of components, nice typography and standout colours. Really makes a website pop!

Best Theme Yet
  • by Nelson
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

I have worked with different themes, but this one stands out in terms of beautiful organization. The theme also has many example pages and a host of components to choose from. Can't thank you enough!

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Thank you, Nelson, for taking the time to write this review :)

Amazing and beautiful theme, lacking Angular (8) support/documentation
  • by Saif
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Amazing looking theme and instantly turns your application into a professional looking one. Really shows that professionals have built this theme up. Very happy with the way the theme looks and the example pages are very good.
Unfortunately not so good support/documentation for Angular . Implementing the theme in Angular interferes with the Angular way of doing things. Can't get swiper.js to work in child views in Angular (UI components work well though, after editing some configuration files.

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Saif, thanks a lot for your feedback. We are consistently working on making our products better and better. Also, we are preparing all our themes for better integration of different frameworks, such as Angular and other as well.

Since this version is an HTML Bootstrap Theme, there are some small things you need to work on as a developer in order to make it 100% compatible with Angular, but it can be done.

Really Nice Theme and Support
  • by LELO
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Helping Nature and Kind Person Team

thank you!

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Very pleased that I could help you :)

Good inspiration, hard to customize. Potential asset licensing issues
  • by Scott
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Had problems making use of a custom skin and had to override variables instead. The theme lacks empty template files and layouts that would serve as a starting point to customize. Theme makes heavy use of utility CSS classes and would benefit from the creation of custom component specific CSS classes.

Most assets have no mention of source or licensing. **NPM found many vulnerabilities requiring manual review as of May 5 and version 2.0.0**

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Hi, Scott,

Thank you for your review! I would like to clarify a few things:

1. Customizing Purpose is easy, but it requires some knowledge from your side in order to customize some variables. This is the SASS and correct way to do it.
2. I will add some starter templates in the next update.
3. Utility classes are a great way to build complex user interfaces without bloating the CSS with duplicate styles.
4. I will optimize NPM and remove all warnings very soon.

Feel free to email us :)

Well structured and easy to work with
  • by Brandon
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

The template is not only visually appealing, but the modular structure makes it easy to add and remove components in any web page. It has a few bugs, but overall it's a nice theme.

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Thanks a lot, Brandon for taking the time writing this review.

We are going to release a new update very soon which will fix many of the small bugs and also add some new cool features.

it looks very nice
  • by wen
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

i like it

So much inspiration!
  • by Mathias
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

What I really appreciate about this "Packet" is the fact that it contains hundreds of different opportunities to create beautiful webpages. I would start use this more and more!

Very nice design
  • by Hiroshi
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Love the design, structured well also. Some minor glitches exist but i'm sure it will be fixed soon.
-1 star for the super slow support response.....
back to 5 star for the update! so nice and glitches are fixed!

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Thanks a lot, Hiroshi! I am very happy to know that :)

Nice theme
  • by Dmitrij
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

quick support

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Anytime, Dmitrij!

A lot of examples very helpful
  • by Pavel
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Theme design is fresh and relevant for 2018. I am new to Bootstrap and it helps me a lot of examples to build an interesting page. I think that I can use this theme not only in the current project.

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Hope we will be able to keep it the same in 2019 :))

Just kidding. Indeed, Purpose is really organized and every front-end developer, no matter the experience, will find it really easy to get started and understand the mechanisms behind it.

Thank a lot, Pavel! I will make sure that we will raise the bar even higher this year.

Fantastic User Experience and Design
  • by kyle
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

This is by far the best theme i have come across. The code is beautifully organised and uses all the latest design techniques. Support for me was very quick and very thorough. SO i couldn't be more happy with the Purpose theme. Well done guys and thanks for providing such a clean codebase to work off.

Webpixels
  • Theme Creator
  • 5 years ago
0/500

The feedback is amazing! Thanks a lot, Kyle! Because of that, now I am the happiest coder dude on the planet.

My favorites
  • by RHONDA
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

I can't say how happy I am for using this template
Really a great job

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Thanks a lot, Rhonda! I am really glad to hear that :)

Awesome product and great support
  • by Vincent
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Hey guys! I highly recommend this template if you suck at design (like me) and wanna build something great. Some templates I used to download are too complicated for what they are. The price is worth it :)

In my case, the support I had from the team was not the fastest I received in my life, but it was awesome! The guy helped me to figure out an issue that I couldn't explain. I highly recommend Purpose for your next big project.

Thank you so much for your good work ! :)

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Thanks a lot, Vincent. I really appreciate this!

We are working to improve our support response time. Sometimes it takes more than usual because we are trying to respond to each of our customers' problems or questions they have with our products and try to find the best solution for them.

Sometimes, Good Quality comes with really hard work and patience.

Best regards,
Alexis from Webpixels

Awesome looking tempalte and state-of-the-art code!
  • by Philipp
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Hey, i really have to let this feedback here ;) I bought this Tempalte a couple of hours ago. My plan is to implement it in a Symfony evironment and build a awesome looking Shop for really specialized types of products.

Its so much fun to build a website out of your templates.

THANK YOU!

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Philipp, thank you very much for this review. Would love to see the result of your work when it will be done :)

超棒的皮肤
  • by mujie
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

我在中国使用“Purpose – Website UI Kit”来我快速构建我的网站。
我很喜欢这个皮肤,它时尚、美观、丰富,自定义也很方便,加上诸多的模板页,可以很快的制作出你想要的网站前台,真的非常棒。

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Thank a lot Mujie. This is the first time I needed Google Translate to read a review. This has to be a good sign :)

Awesome theme, slow support
  • by Tolgahan
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

I really like this theme and the team are awesome, they're really doing a great job with this theme. However, they're kinda slow to response. But it's acceptable.

They accepted most of my requests and also solved bunch of bugs that are found on the latest version.

I can't wait to see the v1.2. I guess it's gonna be lit!

Also, looks like these guys changed the game. Now every theme maker following Purpose and doing similar stuff like pages, landings etc. Awesome!

Keep up the good work! 👍

Best - Theme - Ever
  • by Steffen
  • 6 years ago
Please provide a title
Please select a score
0/500
Please enter a review

I am working with this template now for about 2 months on my new quite big project and I still love every bit of it. While the great design convinced me in the first place, it is also a professional template to work with in the long run - structured very well, responsive and a lot of element to choose from for your project.
Best thing for me are the many pre-designed pages that I can use for my project with just a few changes + the recent update added a lot more of awesome templates!

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Steffen, I wanna thank you so much for taking the time to write this message. It really gives me the energy to keep going and create even better stuff. I love that you are using our product in your projects in the long run.

I am here for any issue or suggestion you might have. I am open to any new idea :)

Best day ever,
Alexis from Webpixels

Awesome!
  • by Hunter
  • 6 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Background images are SVG making it almost too-easy to change the colors and customize!

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Thank you for your comment, Hunter!

Indeed, SVGs are super easy to use and far more flexible than the standard image formats.
We'll be including so much more in the updates to come.

Best regards,
Alexis from Webpixels

Pretty solid so far
  • by Rob
  • 6 years ago
Please provide a title
Please select a score
0/500
Please enter a review

I purchased this template about a week ago and I have to say it’s been absolutely brilliant. Besides a few minor niggles, I can’t really fault it. It’s really easy to customise and make your own. I don’t see any issues incorporating it into any CMS or web app. Great job, thanks guys.

Webpixels
  • Theme Creator
  • 6 years ago
0/500

Thanks a lot Rob!

Absolutely Love this
  • by Luis
  • 6 years ago
Please provide a title
Please select a score
0/500
Please enter a review

I saw it and fell in love. Absolutely beautiful design. And great docs too! I love that when making use of the plugins they actually thought of speed and development by not to cluttering all the components and examples with ALL the plugins (cause lets get real, you never use em all), but giving you the instructions on how to add the SPECIFIC plugin you need in case you need it. That level of detail says much about the quality of service and the product.

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Thanks a lot, Luis!

Appreciate your detailed feedback and positive energy. Hope you will get amazing results using our UI Kit in your project :)

Best regards,
Alexis from Webpixels

Version 2.1.0 – Oct 23rd, 2020

  • Bootstrap updated to 4.5.3
  • Minor bug fixes
  • Solved NPM vulnerabilities
  • The Bootstrap Tags plugin has been removed
  • Added new custom forms variables for shadows

Version 2.0.1 – May 31th, 2019

  • Added a quick fix for eliminating the fading effect that appeared while the page was loading. Simply replace the purpose.js file from the assets/js folder in your existing project or replace the resources/js folder if you are using Gulp or Laravel Mix.

Version 2.0.0 – March 4th, 2019

Major add-ons and changes

  • Dark Mode
  • Blue color scheme (light and dark)
  • Apex charts
  • Navbar features (extended menu, submenu)
  • New components (see the Docs)
  • Fresh new documentation
  • Section explorer
  • New premium SVG icon set
  • Live customizer (enhance your experience live in your browser)
  • Gulp 4 and Laravel Mix
  • New utility pages (e.g. 404, coming soon)
  • Re-designed shop and product page
  • New authentication pages for login, register and recover password (basic, cover and simple variations)
  • Board and Listing pages (dashboard cards and tables)
  • Table pages for orders, projects and users
  • Optimized menu navigation

General

  • UPDATE: Bootstrap was updated to 4.3.1 (from 4.1.3)
  • UPDATE: Font Awesome updated to 5.7.2
  • UPDATE: Sass directory and files structures have been re-organized
  • UPDATE: theme.scss was renamed to purpose.scss
  • UPDATE: Changed the purpose.scss structure to import Bootstrap resources from node_modules
  • UPDATE: Sass and JS main files have been renamed to purpose.scss or purpose.js instead of theme.scss/theme.js
  • UPDATE: the libs folder from assets/, scss/purpose/ and assets/js/ has been renamed to libs to avoid issues caused by Github’s .gitignore

Components

  • NEW: Added the extended dropdown menu (meganav)
  • NEW: Dropdown submenu (multilevel menu)
  • NEW: Dividers
  • NEW: Omnisearch
  • NEW: Custom navbar dropdown menus
  • NEW: Soft buttons
  • NEW: Soft badges
  • NEW: Modern alerts
  • NEW: Vertical modal
  • UPDATE: Caret symbol has been modified

Plugins

  • NEW: Apex Charts
  • NEW: Dropzone
  • NEW: List.js
  • NEW: Quill
  • NEW: Notify
  • NEW: Sweet alerts
  • NEW: SVG Injector
  • UPDATE: Flatpickr
  • DEPRECATED: Bootstrap Datepicker (replaced with Flatpickr)

Classes

  • UPDATE: .btn-circle was removed. Use .rounded-pill modifier class instead
  • UPDATE: .btn-zoom—hover and .btn-translate—hover have been removed (use the hover utility classes instead .hover-zoom and .hover-translate-y-n3)
  • UPDATE: .countdown–style-1 class was renamed to .countdown-blocks
  • UPDATE: mt—2 negative classed were replaced with the new Bootstrap negative spacing classes mt-n1
  • UPDATE: data-accordion=“1” is not used anymore to style accordions; use the .accordion class instead
  • UPDATE: .body-backdrop modifier class was renamed to .mask-body for better name consistency
  • UPDATE: .dropdown-menu-inverse was renamed to .dropdown-menu-dark (use any background class modifier next to it: e.g bg-primary)
  • UPDATE: .toggle-switch was replaced with the new Bootstrap component named .custom-switch
  • UPDATE: .navbar-search has been renamed to .omnisearch
  • UPDATE: .textarea-autosize that activated the autosize plugin replaced with `data-toggle=“autosize” for better-naming consistency
  • UPDATE: hover utility classes for shadows were renamed to .hover-shadow-* instead of .shadow-*—hover for better name consistency
  • UPDATE: .avatar-ungroup–hover was renamed to .hover-avatar-ungroup for better name consistency
  • UPDATE: .shape-fill-* and .shape-stroke-* modifier classes were renamed to .fill-* and .stroke-*
  • UPDATE: .blurable—hover was renamed to .hover-blurable for better name consistency
  • UPDATE: .milestone-count was renamed to .counter
  • UPDATE: .mask—hover was renamed to .hover-mask
  • DEPRECATED: sm, md, lg and xl spacing classes were removed and replaced with 6, 7, 8, 9 (extending the default Bootstrap spacing modifier classes)
  • Utilities
  • NEW: added transforms utility classes for translate, scale, rotate and skew.

Sass

  • UPDATE: Optimized and cleaned up mixin filesFile structure
  • Theme’s Sass and JS files have been moved in the resources folder located in the root folder
  • Bootstrap is imported directly from node_modules (see the Build Tools and Customisation pages from our docs)

Build Tools

  • UPDATE: Updated Gulp to 4.0
  • UPDATE: New and optimized Gulp tasks
  • NEW: Laravel Mix was added to compile CSS and JS (learn more in the Docs)
  • NEW: Install packages via npm or Yarn
  • NEW: Create the libs folder automatically using Gulp (all plugins installed via NPM will be copied in the assets/libs folder)

Docs

  • UPDATE: Updated documentation
  • ENHANCE: More documented components and features
  • NEW: Learn how to build your own styles and skins in the “Get started” section
  • NEW: Shortcodes Library – extensive collection of shortcodes – simply copy/pase it to your project
  • NEW: Sections Library – impressive collection of sections for multiple scenarios

Version 1.1.3 – October 24th, 2018

  • FIX: Small changes for gulp: build command
  • ENHANCE: optimized swiper with coverflow effect
  • UPDATE: landing-event-music.html
  • UPDATE: landing-app.html

Version 1.1.2 – October 4th, 2018

  • ENHANCE: will-change CSS property in SASS files were removed for performance reasons.
  • ENHANCE: navbar sticky functionality was improved because the previous one was using the sticky.js plugin and it was causing some performance issues
  • ENHANCE: typewriter animation stops when it’s out of viewport (especially in mobile) so it doesn’t affect the readability of the page.
  • ENHANCE: added source maps for the themes CSS and JS
  • ENHANCE: made gulp generate source maps for the theme’s files
  • ENHANCE: multiple optimizations for mobile resolutions
  • UPDATE: class .navbar-fixed-top has been replaced with .navbar-sticky in order to add a fixed-top functionality for the main menu
  • UPDATE: data-role=“tagsinput” was replaced with data-toggle=“tags”
  • UPDATE: .selectpicker was replaced with data-toggle=“select” in order to initialize the select2 plugin
  • UPDATE: .datepicker was replaced with data-toggle=“date” in order to initialise the bootstrap-datepicker plugin
  • UPDATE: created JS partials for each component and plugin (you can now create your own minified theme JS only with the scripts you need)
  • UPDATE: swiper data attributes have been renamed for better consistency
  • FIX: solved the issue for swipers with coverflow effect (e.g landing-event-music.html)
  • FIX: solved some responsive issues on the mobile resolutions
  • FIX: solved the popover that didn’t open in Safari browser
  • PLUGIN: bootstrap-select is deprecated. It was replaced with the select2 plugin.
  • PLUGIN: in-view plugin was added for checking the presence of an element in the viewport
  • DEPRECATED: viewport checker has been removed (replaced with the in-view plugin)

Version 1.1.1 – September 6th, 2018

Small fixes

  • FIX: sticky navigation remaining fixed problem when the top bar was removed
  • FIX: some spacing optimization made on page headers

Version 1.1.0 – September 3th, 2018

Highlights

  • E-commerce module added (files begin with shop-*.html)
  • Board pages added (Overview, Projects, Tasks, Connections)
  • Public profile page added for registered users
  • Fixed tongue border that appeared sometimes
  • Added top bar feature for selecting language, search, cart and user account
  • Sticky navigation via class .navbar-fixed-top applied on the main navbar container
  • Togglable global search feature with suggestions from the navbar search button

Header

  • NEW: added top bar feature for selecting language, search, cart and user account
  • NEW: added .dropdown-menu-arrow modifier class for applying arrow indicators on any dropdown
  • NEW: Sticky navigation via class .navbar-fixed-top applied on the main navbar container
  • NEW: togglable global search feature with suggestions from the navbar search button
  • NEW: toggable slidebar for additional content such as user fast login or shopping cart
  • UPDATE: theme’s logo
  • UPDATE: class .navbar-transparent is deprecated and was replaced with .header-transparent which is applied on the header tag that contains the top bar and the main navigation
  • UPDATE: the animation for dropdown-menu included in the main navbar, are made via class .dropdown-animate applied next to the .dropdown
  • ENHANCE: the transparency of the header is now maintained also on mobile resolutions
  • ENHANCE: removed class .list-group-item-action from the main navbar dropdown
  • ENHANCE: added drop-down menu toggle option on hover with animation (made default) via class .dropdown-animate with the data-toggle=”hover” on
  • ENHANCE: the main navbar’s collapsing animation has been modified for a more smooth transition and UX

Sections

  • UPDATE: removed the border-bottom-left-radius form .section-rotate on under large resolutions

Background image holder (.bg-img-holder)

  • ENHANCE: added data-bg-position attribute on .bg-img-holder in order to easily position the background image (e.g data-bg-position=”center center”, data-bg-positon=”bottom 0”)

HTML

  • NEW: e-commerce module added (files begin with shop-*.html)
  • NEW: cart pages (cart items and empty cart)
  • NEW: e-commerce checkout pages (customer, shipping, payment)
  • NEW: Board pages (Overview, Projects, Tasks, Connections) – in Account Pages
  • NEW: Public profile page for registered users
  • NEW: Updates layout for the account pages (Profile, Settings, Billing, Notifications)
  • NEW: added password reset page for each login/register style (recover-*.html)
  • UPDATE: enhanced design for login and register pages
  • RENAME: account-settings.html renamed to account-profile.html
  • ENHANCE: the “Change avatar” button is now working as a file input
  • UPDATE: landing-1.html has been restyled
  • UPDATE: landing-2.html has been restyled

SASS

  • UPDATE: _icons.scss was renamed to _icon.scss for better name consistency
  • NEW: added $icon-border-width for outlined icons (e.g 3px)
  • NEW: added icon mixin (purpose/mixins/_icon.scss) to add icon color variations (related to component _icon.scss)
  • NEW: icon modifier classes added next to .icon-shape in order to add a background or border (e.g icon-green or icon-outline-purple)
  • ENHANCE: new color palette for the main colors (red, blue, green, orange, yellow, pink, purple, teal) that affect also the status colors (warning, danger, info and success)
  • UPDATE: changed the $card-border-radius with the value of $border-radius-lg
  • UPDATE: changed the $body-color with the value of $gray-600
  • UPDATE: changed the $lead-font-size to 1.125rem
  • UPDATE: shape-fill-* and stroke-* were modified to take the colors from the $colors object and not the $theme-colors so you can benefit of all the available colors (e.g shape-fill-danger became shape-fill-red and so on)
  • UPDATE: .alpha-* modifier classes for opacities where renamed to .opacity-* for better name consistency and also moved to a sepparate utility file in utilities/_opacity.scss
  • NEW: added .bg-absolute-cover class for adding cover backgrounds inside relative sections that take the full size of its container
  • NEW: z-index utility classes added in the purpose/utilities folder (e.g zindex-100) to add a z-index=100 on the desired element
  • NEW: new component created – collage, in purpose/_collage.scss with the corresponding class name .collage – that allows you to create modern overlayed images with SVG backgrounds (it’s still in progress, which means we still have a lot to do with it + new options to add)
  • NEW: product card with action buttons and color options
  • NEW: new component create – ribbon, in purpose/_ribbon.scss with the corresponding class name .ribbon – that allow you to apply ribbon on any card with many style to choose from
  • UPDATE: .timeline-axis-step was changed to .timeline-step
  • NEW: timeline step variations – .timeline-step-dot, .timeline-step-icon
  • UPDATE: avatars – .avatar-overlapped was renamed to .avatar-group
  • UPDATE: .card-icon-actions was renamed to .icon-actions
  • NEW: added a new utility file for images (utilities/_image.scss) for image alignment and filter management
  • UPDATE: [data-link=”1”] was replaced with the .link-underline-* modifier class that allows you to use any of the theme’s color
  • NEW: new mixin for links added in purpose/mixins/_link.scss
  • UPDATE: .bg-img-holder received new options that are activated with js. In order to use it (for previous versions) add also the data-bg-size=”contain” on the same element.
  • UPDATED: modified $badge-padding-x valueVendors and Resources
  • NEW: Font Awesome Pro is used for the preview version. If you want to get more icon styles, purchase a license from their official website or our docs
  • NEW: Wavify plugin added for custom wave animations (e.g: shop-products.html)
  • NEW: Datepicker plugin added with single and range options
  • NEW: 20 clothing SVG icons (assets/icons/clothing) used in the e-commerce module
  • UPDATE: updated Bootstrap to 4.1.3 (from 4.1.1)
  • UPDATE: Font Awesome to 5.2 (from 5.0.12)

Files

  • UPDATE: Bootstrap js files were moved to /assets/vendor/bootstrap (was in /assets/js/)

Version 1.0.1 – June 21th, 2018

We are bringing a small and fast update with solutions to issues our customers send us emails with.

  • UPDATE: Updated the File Structure section
  • UPDATE: Gulp. Optimized the gulp build command
  • FIX: Solved the $icon-size variable issue that was appearing in the compiled CSS file.

Version 1.0.0

  • Initial release

License Options

Full details →
Live preview

4.24/5 (34 reviews)

1895

Purchases

Bootstrapv4.5.3
Released6 years ago
Updated3 years ago
Version2.1.0
Questions?Contact Seller