(Scroll to explore)

From Vietnam with love

Free for Community

The Q-library

Get free now
Hero
About

Initial releash on September 25, 2023, The Q-library (a.k.a Q-lib) 1.0 includes pre-built style guide and components which help save setup time when starting to build a project/product.

Thumbnail 1.0

Meet 1.0 here

Including

-> Variables

-> Components

-> Auto-layout

-> Component properties

-> Nested instances

You can customize premade and basic guidelines in this library to suit the rules, definition, usage of each product.

-> Scalable

-> Easy customize

-> Time-saving

Component blur image

Currently, The Q-library 2.0 has been updated to better support for designing digital products with clear component and variables structure and dark mode color has been added.

What’s new in 2.0?

-> Improve and add more variables

-> Support light and dark mode

-> Add variables guideline

-> Add more components for use cases

Why I upgrade to 2.0?

Includings 2 versions for more options

Thumbnail official

2.0: Official

Full token tiers including Global, Alias, Component-specific tokens. Improved components and variables for use cases. Added light and dark themes. Built to prioritize convenience and extensibility.

Get now
Thumbnail lite

2.0: Lite

Optimized for variables, no support for component-specific tokens. Ideal for small to mid-sized projects that need quick setup when starting. Built for prioritize convenience and quick adaptability.

Get now

Speed up your design process, save valuable time, maintain design consistency

Preview 1
Preview 2
Preview 3
Preview 4