AccountRegister

WPExplorers CSS framework

A lightweight utility framework that will help you build websites faster and keep them consistent.
WPFramework 1.01 (Oxygen)WPFramework 1.01 (Bricks)
Oxygen - compatibility with other frameworks
ACSSOxyninja
Bricks - compatibility with other frameworks
ACSS

Grid utility classes

Build your layouts in no-time using grid utility classes.

Fluid typography & spacing

Fluid typos and spacing that will scale with viewport size. With fallbacks.

Lightweight

With only 15kb it won't affect your site's performance.

Utility class list

Categories

Framework category
  • Margins (30)
  • Paddings (30)
  • Alignments (21)
  • Flex (16)
  • Variables (12)
  • Font styles (10)
  • Width (7)
  • Font sizes (6)
  • Gaps (6)
  • Owl spacings (6)
Framework breakpoint
  • All
  • Desktop (150)
  • 1279px and less (33)
  • 991px and less (32)
  • 479px and less (31)
  • 767px and less (31)
w-align-items-end
Sets flex or grid items to container end
w-align-items-start
Sets flex or grid items to container start
w-stretch
Sets container to flex and stretch
w-center-all-s
All centered
w-center-all-m
All centered
w-center-all-l
All centered
w-center-all-xl
All centered
w-align-items-center
Sets flex or grid items to container center
w-center-all
All centered
w-width-s
20% of max. viewport
w-width-m
40% of max. viewport
w-width-l
60% of max. viewport
w-width-xl
80% of max. viewport
w-width-xxl
90% of max. viewport
w-width-50
50% of max. viewport
w-width-full
100% width
w-flex-row-reverse-s
Flex, reverse row direction
w-flex-row-reverse-m
Flex, reverse row direction
w-flex-row-reverse-l
Flex, reverse row direction
w-flex-row-reverse-xl
Flex, reverse row direction
w-flex-column-reverse-s
Flex, reverse column direction
w-flex-column-reverse-m
Flex, reverse column direction
w-flex-column-reverse-l
Flex, reverse column direction
w-flex-column-reverse-xl
Flex, reverse column direction
cross-circle