image/svg+xml
Press
/
to search
    • Getting Started
    • Installation
    • Playground
    • Utility Map
  • What's Next?
    • Responsive
    • Pseudo-Class Variants
    • Extract Utility Classes
    • Create Empty Project
    • CSS Migration
    • Reduce File Size
    • Customize Utilities
    • Plugin API
  • Typography
    • Font Family
    • Font Size
    • Font Smoothing
    • Font Style
    • Font Weight
    • Column
    • Counter
    • Glyphs
    • Letter Spacing
    • Line Height
    • List Style Position
    • List Style Type
    • Text Align
    • Text Clamp
    • Text Color
    • Text Decoration
    • Text Transform
    • Text Stroke
    • Text Stroke Color
    • Vertical Align
    • Whitespace
    • Word Break
    • Writing Mode
  • Layout
    • Aspect Ratio
    • Clear
    • Display
    • Float
    • Object Fit
    • Object Position
    • Overflow
    • Position
    • Render
    • Top/Bottom/Left/Right
    • Visibility
    • Z-Index
  • Interactivity
    • Appearance
    • Accent Color
    • Cursor
    • Outline
    • Overscroll
    • Pointer Events
    • Placeholder Color
    • Resize
    • Scroll Behaviour
    • Scroll Bar
    • Scroll Smooth
    • Scroll Snap
    • Scroll Padding
    • Scroll Margin
    • Text Highlight
    • Touch Action
    • User Select
  • Flexbox
    • Flex
    • Flex Center
    • Direction
    • Gap
    • Grow
    • Shrink
    • Basis
    • Wrap
    • Align Content
    • Align Items
    • Align Self
    • Justify Content
    • Order
  • Backgrounds
    • Attachment
    • Blend
    • Border
    • Color
    • Gradient
    • Gradient Presets
    • Opacity
    • Position
    • Repeat
    • Size
  • Borders
    • Border Color
    • Border Radius
    • Border Style
    • Border Width
    • Curve Object
    • Dissect
    • Dissect Color
    • Dissect Opacity
  • Spacing
    • Equal
    • Margin
    • Padding
  • Sizing
    • Width
    • Min Width
    • Max Width
    • Height
    • Min Height
    • Max Height
    • Proportion Scale
  • Fluids
    • Font Size
    • Margin
    • Padding
  • Effects
    • Box Shadow
    • Box Shadow Color
    • Text Offset Shadow
    • Text Neon Shadow
    • Mix Blend
    • Opacity
  • Filters
    • Brightness
    • Blur
    • Contrast
    • Drop Shadow
    • Invert
    • Saturate
    • Smooth
    • Backdrop Brightness
    • Backdrop Blur
    • Backdrop Contrast
    • Backdrop Saturate
  • Animations
    • Blur
    • Fade
    • Roll
    • Slide
    • Delay
    • Duration
    • Loop
  • Transforms
    • Origin
    • Perspective
    • Translate
    • Rotate
    • Scale
    • Skew
  • Transitions
    • Property
    • Duration
    • Timing
  • Clipping
    • Circle
    • Ellipse
    • Polygon
  • Theme
    • Auto
    • Invert
  • Rendering
    • Image
    • Text
  • SVG
    • Fill
    • Stroke
    • Stroke Width
    • Stroke Line Cap
  • Accessibility
    • Screen Reader
Getting Started
version 1.0.2
Learn how to setup in your project.
Installation
Build or testing something online.
Playground
Build project from scratch without CLI.
Create Project
See all the utilities at a glance.
Utility Map
  • What's Next?
    • Responsive
      Craft an adaptive user interface with responsive utility variants.
    • Pseudo-Class Variants
      Add CSS pseudo-class to utilities to style an element.
    • Extract Utility Classes
      Extract WEAVV CSS classes to use on SCSS.
    • Create Empty Project
      Start empty project from scratch with WEAVV CSS manually.
    • CSS Migration
      Migrate existing CSS Style from project to WEAVV CSS.
    • Reduce File Size
      How to shrink WEAVV CSS file size for production.
    • Customize Utilities
      Learn how to customize an existing utilities.
    • Plugin API
      Create new or modifier existing utilities.