Listkit v1.2.2

Multipurpose Alpine JS and Bulma Listing UI Kit

Listkit is a multipurpose listing UI Kit built with Bulma and Alpine JS

Listkit is a multipurpose Alpine JS / Bulma listing HTML template that has been handcrafted with care and patience. It provides ready pages to start building your application effortlessly, as well as a set of additional elements that will help you create new pages for your specific needs. Listkit features a solid set of reusable components that are designed to fit as many purposes as possible. They are also easy to customize and to combine with others. Listkit features several inner pages and subpages that you can use and customize to build your own application. Listkit leverages Alpine JS as main javascript framework, bringing power and simplicity within the project.

Alpine JS

Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the modern web. Plop in a script tag and get going. There is no better way to get a feel for what Alpine is and what it can do than using it.

Bulma framework

If you want to try something different than Bootstrap designs and code, this is the perfect alternative. Bulma is a lightweight and easy to use css framework. It’s mobile first grid has proven to be extremely flexible and perfect for mobile devices. On top of that, you have lot of responsive modifiers and mixins natively available. Bulma is built on Flexbox, a CSS layout model that automatically adjusts the width of a page element based on the width of its container. Flexbox requires developers to write both HTML and CSS to create elements that adhere to this model. With Bulma, Flexbox behavior and most other things can be handled with HTML classes. First released in 2016, Bulma has gained traction among front-end developers, enough to compete with other well-known CSS frameworks like Bootstrap.

Gulp Powered

Listkit is powered by Gulpjs, a task runner package that runs in a nodejs environment. Gulp tremendously improves your developing experience by automatically handling some boring tasks every developer has to do. Gulp will automatically compile your sass code to css and add the necessary vendor prefixes on its own. More it will launch a development server and refresh your browser every time you make changes in the code ! Truely a great development experience! On our newest products, Gulp has been replaced with Vite JS.

Theming capabilities

Listkit styles are written in SCSS and outputed into a single minified css core file. You can easily use the existing color palette or create a new theme from scratch, leveraging the existing CSS variables. You can also ake use ot the existing SCSS code to write your own components by starting from an exisiting one.

Modular structure

Listkit source files structure follows a modular pattern. HTML, CSS and Javascript are sliced into smaller and easy to reuse / maintain chunks of code. You can customize almost any variable provided either by CSS or JS to build your own theme, following your branding and technical requirements. Take some time to study the template structure by reading the documentation.

Well documented

Listkit is a thoroughly documented template which covers everything from getting started to having all of the project setup and ready to go. Make sure to read the entire documentation and to follow all the steps to setup the template properly. Check out the template documentation for more details about installation and usage.

Responsive design

Listkit is built with Bulma CSS, wich is natively fit for mobile and tablets, as a mobile first CSS framework. Listkit is ultra responsive and handles all types of viewports, such as mobile devices and tablets in both orientations.

Template features

  • 40+ demo pages
  • Alpine JS v3.x
  • Dependency management
  • Heavy Gulp configuration
  • Hot Reloading
  • Graphic assets
  • All variables are customizable

NOTE: Please note that photos are not included in the main download files.

Images

Illustrations

66 Sales
Released on Oct 4th, 2021
Last updated on Oct 27th, 2022
Version v1.2.2
SaaS
Responsive layout
Well documented
Envato Market

High End Design

Our products are defined by the highest design quality for landing pages and web applications. Explore the online demo now.

Project Structure

When it comes to selling digital products, we strongly believe that showing the code base is the best way for a potential customer to know if the products fits his requirements.

Take the time to check the file structure. Hovering each item will show additional details.

  • node_modules
  • src
    • assets
      • font
      • img
      • js
        • main.js
      • sass
        • bulma.sass
      • scss
        • core.scss
      • vendor
    • layouts
      • default.html
    • pages
    • partials
  • gulpfile.js
  • package.json

Try Github access

Starting from the developer license, you get full access to the Listkit Github private repository. This allows to stay up to date by getting the latest commits and to open issues for bug fixes, questions or feature requests.

to see all options

Changelog

We believe that providing meaningful updates to our templates are important to keep up with the evolution of the dependencies, libraries, and the new design requirements that the modern day web industry requires.

GitHub Access

By purchasing this item, you get access to its private GitHub repository.

Pricing options

Select the one of the pricing options below

Regular

Appropriate for a simple or freelancer project

  • Full template
  • Documentation
  • Lifetime updates
  • Up to 1 project
  • Community support
  • -

Extended

Perfect for large scale enterprise projects

  • Full template
  • Documentation
  • Lifetime updates
  • Unlimited projects
  • 48h support
  • Github access