Plain UI 0.1-alpha

Plain UI is a simple UI Framework. It uses strong Utility Classes and has a few Components.

Some ideas of this are based Work from the last 10 Years. But also Ideas from Frameworks TailwindCSS.

Contribution

  • TailwindCSS that have thought me a few new Ideas to handle Helper-Classes
  • TailwindCSS for showing new ideas and concepts to handle handle Helper-Classes

Installation

npm install plain-ui --save

Building

For Buildung use Webpack or a similiar System. Plain UI is build by Laravel-Mix. Consider to use PurgeCSS, with all Helper-Classes the CSS is really growning. PurgeCSS, with Laravel Mix it looks like this,

Variables + Themes

Basic Styles

Normalize

For all elements is the same, try set a basic style without anything, no margin, no padding. The Reason is to use Components, Layout and Helpers for the styling or make your own rules for the elements.

Heading + .highlight

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading + .highlight

Content