Quick – Website UI Kit (Light/Dark)

Quick – Website UI Kit (Light/Dark)


Live preview

5.00/5 (3 reviews)



Released1 year ago
Updated6 months ago
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.

With each purchase of Quick, you get modular components, plenty of pre-built pages and build tools that will automate some of the development tasks and processes.

In short, Quick helps you build beautiful websites that stand out and automatically adapt to your brand’s identity.

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. Beside 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

Built by Webpixels

To accelerate progress we need a great design. Webpixels attempts to bring the best development experience to designers and developers by offering the tools needed for having a quick and solid start in most web projects.

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 create long-lasting relationships with our customers and we want to offer you the best help in order to get started with any of our products. Need help? 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
Please enter a review
This is a great theme!
  • by Alpesh
  • 2 months ago
Please provide a title
Please select a score
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!

  • by Daria
  • 6 months ago
Please provide a title
Please select a score
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?

  • Theme Creator
  • 6 months ago

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,

Nice work but...
  • by David
  • 9 months ago
Please provide a title
Please select a score
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.

  • Theme Creator
  • 9 months ago

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,

Version 1.1.0 – Jan 20th, 2020

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.


  • 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


  • 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


  • 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


  • Added Progress Bar JS
  • Updated Apex Chart


  • 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

5.00/5 (3 reviews)



Released1 year ago
Updated6 months ago
Questions?Contact Seller