Purpose – Website UI Kit (Light/Dark)


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.