Purpose – Website UI Kit (Light/Dark)
Purpose – Website UI Kit (Light/Dark)
$49.00
4.24/5 (34 reviews)
1906
Purchases
- 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:
- Modularity: All components are built to be used in any combination.
- Responsiveness: Quick is optimized to work for most devices.
- Scalability: Remain consistent while developing new features.
- 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.
- Theme setup
- Tons of variables
- Source files
- 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.
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.
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.
Way to many issues
- by Jaimy
- 12 months ago
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
Hi. will you update the theme to bootstrap 5?
Several bugs
- by Ivan
- 3 years ago
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).
- Theme Creator
- 3 years ago
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
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
- Theme Creator
- 3 years ago
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
- 4 years ago
Buggy theme.
Bootstrap 5
- by Luis
- 4 years ago
I'm planning buy the extend license. Will be any update soon?
- Theme Creator
- 4 years ago
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
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
- Theme Creator
- 3 years ago
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
When is this update happening?? It's June 2020
- Theme Creator
- 4 years ago
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
Will you update to bootstrap 4.5?
- Theme Creator
- 4 years ago
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
- 5 years ago
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
- 5 years ago
Hi. will you update the theme to bootstrap 4.4.x?
- Theme Creator
- 5 years ago
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
- 5 years ago
hi guys, thanks for ne nice theme! really enjoy it.
any plan for future update soon?
tx
- Theme Creator
- 5 years ago
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
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
- Theme Creator
- 5 years ago
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
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
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!
- Theme Creator
- 5 years ago
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
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.
- Theme Creator
- 5 years ago
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
Helping Nature and Kind Person Team
thank you!
- Theme Creator
- 5 years ago
Very pleased that I could help you :)
Good inspiration, hard to customize. Potential asset licensing issues
- by Scott
- 5 years ago
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**
- Theme Creator
- 5 years ago
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
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.
- Theme Creator
- 5 years ago
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
- 6 years ago
i like it
So much inspiration!
- by Mathias
- 6 years ago
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
- 6 years ago
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!
- Theme Creator
- 6 years ago
Thanks a lot, Hiroshi! I am very happy to know that :)
Nice theme
- by Dmitrij
- 6 years ago
quick support
- Theme Creator
- 6 years ago
Anytime, Dmitrij!
A lot of examples very helpful
- by Pavel
- 6 years ago
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.
- Theme Creator
- 6 years ago
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
- 6 years ago
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.
- Theme Creator
- 6 years ago
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
- 6 years ago
I can't say how happy I am for using this template
Really a great job
- Theme Creator
- 6 years ago
Thanks a lot, Rhonda! I am really glad to hear that :)
Awesome product and great support
- by Vincent
- 6 years ago
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 ! :)
- Theme Creator
- 6 years ago
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
- 6 years ago
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!
- Theme Creator
- 6 years ago
Philipp, thank you very much for this review. Would love to see the result of your work when it will be done :)
超棒的皮肤
- by mujie
- 6 years ago
我在中国使用“Purpose – Website UI Kit”来我快速构建我的网站。
我很喜欢这个皮肤，它时尚、美观、丰富，自定义也很方便，加上诸多的模板页，可以很快的制作出你想要的网站前台，真的非常棒。
- Theme Creator
- 6 years ago
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
- 6 years ago
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
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!
- Theme Creator
- 6 years ago
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
Background images are SVG making it almost too-easy to change the colors and customize!
- Theme Creator
- 6 years ago
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
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.
- Theme Creator
- 6 years ago
Thanks a lot Rob!
Absolutely Love this
- by Luis
- 6 years ago
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.
- Theme Creator
- 6 years ago
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 →4.24/5 (34 reviews)
1906
Purchases
- Reviewed by the Bootstrap team
- 6 months technical support
- 100% money back guarantee
Landing & Corporate Themes
Related themes in the same category.
