Welcome Hero

Pure UI

client-side rendering framework.

Pure UI is a lightweight UI framework that focuses solely on client-side rendering for user experience. The framework itself is dedicated to enhancing user experience. The core idea is to define interface states purely with CSS and to use pure JavaScript for interaction and state switching.

Why Pure UI

A lightweight client-side framework built around one idea: define interface states with CSS and drive interaction with plain JavaScript. No heavy runtime, no lock-in — just better UX.

Welcome to pure UI:

This is a lightweight UI framework that focuses solely on client-side rendering for user experience. The framework itself is dedicated to enhancing user experience. The core idea is to define interface states purely with CSS and to use pure JavaScript for interaction and state switching.

Why pure UI

This framework succinctly encapsulates the core concepts of UI design, compressing most important concepts into less than 20 keywords. This ensures that anyone using the framework, as long as they understand its core concepts, can easily grasp any knowledge point within the system and apply it elsewhere.

What need Learn before use it

If you are familiar with and understand the meanings of the following words, then you have mastered the core concepts of this framework:
  • xhorizontal setting,
  • yvertical setting,
  • gapgap size
  • largepreset large size of gap
  • smallpreset small size of gap
  • normalpreset default size of gap
  • xsphone device
  • smtablet device
  • mddekstop device
  • lglarge desktop device
  • gridgrid system layout for multiple items like array
  • flexflex system layout for one item like an object with fields
  • 0-9value of color or size, lowest: 0, highest: 9

Project timeline

Key milestones in the introduction and evolution of the Pure UI project.