Quick – Website UI Kit (Light/Dark)

Quick – Website UI Kit (Light/Dark)

$49.00

Live preview

3.86/5 (7 reviews)

899

Purchases

Bootstrapv4.5.3
Released5 years ago
Updated4 years ago
Version1.1.1
Questions?Contact Seller

About Quick

Quick Website UI Kit is a modern and fresh-looking theme with a design that brings together all the elements and features your website needs to better showcase your products or services. We follow the latest trends in matters of design and code.


Built by Webpixels

Development is much more fun when you don’t need to worry about design. With our Bootstrap themes and components, you can create diverse and beautiful websites that are supported by rock-solid design principles.

Learn more


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?

Quick 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:

  1. Source files (HTML/CSS/SASS/JS)
  2. Premium SVG illustrations
  3. Premium SVG icons
  4. Premium licensed plugins

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.


Complete Features at Your Hand

Quick 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 280+ components and 14+ integrated plugins.

Custom Components:

  • Omnisearch
  • Topbar
  • Language selection
  • Custom modals
  • Custom cards
  • Sticky sidebars
  • Timeline
  • Avatars
  • Authentification forms
  • Alternative footer (e.g index.html)
  • In-view animations (e.g typing animation stops when is out of viewport)

Free Plugins

  • Animate
  • Apex Charts
  • Autosize
  • Flatpickr
  • Google Maps
  • Input Masks
  • Notify
  • Select2
  • Sweet Alert
  • Swiper
  • Tags
  • Typed
  • Isotope
  • Fancybox

Why our themes?

  1. Perfect for modern startups: With an intuitive markup, powerful and lightning-fast build tools, you can turn your ideas into incredible products.
  2. 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
Nice template. Will it be upgraded to Bootstrap 5?
  • by Josh
  • 2 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Hello

Love the template. Are you working on BS5 port?

Nice theme but...
  • by Claudiu
  • 3 years ago
Please provide a title
Please select a score
0/500
Please enter a review

I like the theme but, there is no Light/Dark change button like in the demo, and you have to edit each html page individually. I hoped to edit a header once and them be able to import it in all pages, like in other themes here on getbootstrap.com, but this theme has nothing like that. When I have read the documentation it was misleading regarding the build tools, since they are only for scss and js. I would definitely ask for a refund.

Theme is very good!
  • by Jinvirle
  • 3 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Hello, I've been using your theme for almost a year now and I'd like to ask if you have plans to upgrade it to Bootstrap 5. This is the only theme that I like but still I want it to be updated. I hope you will hear our requests. Thank you and God bless!

Menu Support
  • by Roham
  • 4 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Hi,
Do we have support for third layer for the Menu? I checked https://preview.webpixels.io/quick-website-ui-kit/docs/components/navbar.html but there's only 2 layers for the menu.

9/12/2020
hi guys! Any updates for the third layer? :)

Do u still support us here?
https://webpixels.io/support?utm_source=getbootstrap&utm_medium=profile&utm_campaign=themes&utm_content=supportLink

Webpixels
  • Theme Creator
  • 4 years ago
0/500

Hi Roham,

The support page was removed temporarily, but you can use our support email address to send us your questions.

The third layer menu isn't yet implemented, but I think you could make it work by adding another child to the list element. If it doesn't work let me know at support@webpixels.io and I will put it on the list of features for our next update.

This is a great theme!
  • by Alpesh
  • 4 years ago
Please provide a title
Please select a score
0/500
Please enter a review

It's a modern and stylish design and works really well (Personally i like Dark and Light Mode)
Easy to customize and the customer support responds fast. Highly recommended!

Webpixels
  • Theme Creator
  • 4 years ago
0/500

Thank you Alpesh!

DARK THEME
  • by Daria
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Hey. I bought it. But I do not have a dark theme. What do I need to change and in what files to get a dark theme?

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Hi, Daria,

In assets/css you will see there are 2 styles for the light and dark mode. For using the dark theme you will have to modify the path of the attribute that links to the theme’s css file. The default file is quick-website.css. Modify that with quick-website-dark.css

After that, you will also need to change the navbar's background to dark. For switching the navbar’s style to dark mode replace the .navbar-light class with .navbar-dark.

Best regards,
Alexis

Nice work but...
  • by David
  • 5 years ago
Please provide a title
Please select a score
0/500
Please enter a review

Hi, I have problem with Swiper parameters. "data-swiper-space-between” don’t work correctly. My parameters are: data-swiper-space-between="10" data-swiper-md-space-between="20" data-swiper-lg-space-between=“30”... "Space between” in MD viewport stay 10px and "Space between” LG viewport is 10px too. In the original QUICK theme, it also doesn't work. Sorry fo my English. David

Edit: Problem solved. THX for support.

Webpixels
  • Theme Creator
  • 5 years ago
0/500

Hi, David,

I replied to your email. In case this is an issue that needs to be solved I will post here the solution once we find it :)

...

Edit: The problem has been solved. It was caused by a Swiper parameter which was renamed: "spaceBetweenSlides" became "spaceBetween".

We will push an update with this fix soon. You can modify this manually in resources/js/core/libs/swiper.js

....

Best regards,
Alexis

All of the recent releases are listed below. Be sure you have a valid license and to consult the documentation for more information on how to use this theme.

Version 1.1.1 – Oct 23rd, 2020

General

  • Bootstrap updated to 4.5.3
  • Minor bug fixes
  • Solved NPM vulnerabilities

Sass

  • Added new custom forms variables for shadows

Version 1.1.0 – Jan 20th, 2020

General

  • Bootstrap updated to 4.4.1
  • The design has been drastically improved, by changing the overall look and feel
  • Added a dark mode switcher for the live preview
  • Minor bug fixed for mobile

Sass

  • The class names for the primary colors light and dark shades have been changed. Instead of .bg-COLOR-light/.bg-COLOR-dark, use instead .bg-dark-COLOR/.bg-light-COLOR

Components

  • The main navigation (navbar) has been drastically improved
  • Added progress-circle (based on Progress JS plugin)
  • Added chart examples (based on Apex Chart JS plugin)
  • Added new cards (projects, tasks, kanban, charts, stats, user, product)
  • Added new custom-rating (new custom-form element)
  • New footer design
  • New form elements and examples

Plugins

  • Added Progress Bar JS
  • Updated Apex Chart

Pages

  • New account pages (profile, settings, security, billing, cards, notifications)
  • New board pages for admin panels (dashboard, projects, tasks, integrations/apps)
  • New landing pages (Money App)

Version 1.0.0

  • Initial release

License Options

Full details →
Live preview

3.86/5 (7 reviews)

899

Purchases

Bootstrapv4.5.3
Released5 years ago
Updated4 years ago
Version1.1.1
Questions?Contact Seller