MonorailCss
Documentation GitHub
Documentation GitHub
  • Getting Started
  • Customization
  • Advanced Features
  • Architecture
  • Accessibility
    • Clip
    • Forced Color Adjust
  • Backgrounds
    • Background Attachment
    • Background Clip
    • Background Color
    • Background Image
    • Background Origin
    • Background Repeat
    • Background Size
  • Borders
    • Border Image
    • Border Radius
    • Border Style
    • Border Width
    • Box Shadow
    • Outline Color
    • Outline Offset
    • Outline Style
  • Effects
    • Background Blend Mode
    • Box Shadow
    • Mask Image
    • Mix Blend Mode
    • Opacity
    • Text Shadow
  • Filters
    • Webkit Backdrop Filter
    • Filter
  • FlexboxGrid
    • Align Content
    • Align Items
    • Align Self
    • Flex
    • Flex Basis
    • Flex Direction
    • Flex Grow
    • Flex Shrink
    • Flex Wrap
    • Gap
    • Grid Auto Columns
    • Grid Auto Flow
    • Grid Auto Rows
    • Grid Column
    • Grid Column End
    • Grid Column Start
    • Grid Row
    • Grid Row End
    • Grid Row Start
    • Grid Template Columns
    • Grid Template Rows
    • Justify Content
    • Justify Items
    • Justify Self
    • Order
    • Place Self
  • General
    • Width
  • Interactivity
    • Webkit User Select
    • Accent Color
    • Appearance
    • Caret Color
    • Color Scheme
    • Cursor
    • Field Sizing
    • Pointer Events
    • Resize
    • Scroll Behavior
    • Scroll Margin
    • Scroll Padding
    • Scroll Snap Align
    • Scroll Snap Stop
    • Scroll Snap Type
    • Touch Action
  • Layout
    • Webkit Box Decoration Break
    • Aspect Ratio
    • Box Sizing
    • Break Inside
    • Clear
    • Columns
    • Contain
    • Container Type
    • Display
    • Float
    • Inset
    • Inset Block
    • Inset Inline
    • Isolation
    • Object Fit
    • Object Position
    • Overflow X
    • Overscroll Behavior X
    • Position
    • Visibility
    • Z Index
  • Sizing
    • Height
    • Max Height
    • Max Width
    • Min Height
    • Min Width
    • Width
  • Spacing
    • Margin
    • Padding
  • SVG
    • Fill
    • Stroke
  • Tables
    • Border Collapse
    • Border Spacing
    • Caption Side
    • Table Layout
  • Transforms
    • Backface Visibility
    • Perspective
    • Perspective Origin
    • Rotate
    • Transform
    • Transform Box
    • Transform Origin
    • Transform Style
    • Translate
  • TransitionsAnimation
    • Animation
    • Transition Behavior
    • Transition Delay
    • Transition Duration
    • Transition Timing Function
    • Will Change
  • Typography
    • Moz Osx Font Smoothing
    • Webkit Box Decoration Break
    • Webkit Box Orient
    • Webkit Hyphens
    • Content
    • Font Family
    • Font Size
    • Font Style
    • Font Variant Numeric
    • Font Weight
    • Letter Spacing
    • Line Height
    • List Style Image
    • List Style Position
    • List Style Type
    • Overflow Wrap
    • Text Align
    • Text Decoration Color
    • Text Decoration Line
    • Text Decoration Style
    • Text Decoration Thickness
    • Text Indent
    • Text Overflow
    • Text Size Adjust
    • Text Transform
    • Text Underline Offset
    • Text Wrap
    • White Space
    • Word Break
  • Getting Started
  • Customization
  • Advanced Features
  • Architecture
  • Accessibility
    • Clip
    • Forced Color Adjust
  • Backgrounds
    • Background Attachment
    • Background Clip
    • Background Color
    • Background Image
    • Background Origin
    • Background Repeat
    • Background Size
  • Borders
    • Border Image
    • Border Radius
    • Border Style
    • Border Width
    • Box Shadow
    • Outline Color
    • Outline Offset
    • Outline Style
  • Effects
    • Background Blend Mode
    • Box Shadow
    • Mask Image
    • Mix Blend Mode
    • Opacity
    • Text Shadow
  • Filters
    • Webkit Backdrop Filter
    • Filter
  • FlexboxGrid
    • Align Content
    • Align Items
    • Align Self
    • Flex
    • Flex Basis
    • Flex Direction
    • Flex Grow
    • Flex Shrink
    • Flex Wrap
    • Gap
    • Grid Auto Columns
    • Grid Auto Flow
    • Grid Auto Rows
    • Grid Column
    • Grid Column End
    • Grid Column Start
    • Grid Row
    • Grid Row End
    • Grid Row Start
    • Grid Template Columns
    • Grid Template Rows
    • Justify Content
    • Justify Items
    • Justify Self
    • Order
    • Place Self
  • General
    • Width
  • Interactivity
    • Webkit User Select
    • Accent Color
    • Appearance
    • Caret Color
    • Color Scheme
    • Cursor
    • Field Sizing
    • Pointer Events
    • Resize
    • Scroll Behavior
    • Scroll Margin
    • Scroll Padding
    • Scroll Snap Align
    • Scroll Snap Stop
    • Scroll Snap Type
    • Touch Action
  • Layout
    • Webkit Box Decoration Break
    • Aspect Ratio
    • Box Sizing
    • Break Inside
    • Clear
    • Columns
    • Contain
    • Container Type
    • Display
    • Float
    • Inset
    • Inset Block
    • Inset Inline
    • Isolation
    • Object Fit
    • Object Position
    • Overflow X
    • Overscroll Behavior X
    • Position
    • Visibility
    • Z Index
  • Sizing
    • Height
    • Max Height
    • Max Width
    • Min Height
    • Min Width
    • Width
  • Spacing
    • Margin
    • Padding
  • SVG
    • Fill
    • Stroke
  • Tables
    • Border Collapse
    • Border Spacing
    • Caption Side
    • Table Layout
  • Transforms
    • Backface Visibility
    • Perspective
    • Perspective Origin
    • Rotate
    • Transform
    • Transform Box
    • Transform Origin
    • Transform Style
    • Translate
  • TransitionsAnimation
    • Animation
    • Transition Behavior
    • Transition Delay
    • Transition Duration
    • Transition Timing Function
    • Will Change
  • Typography
    • Moz Osx Font Smoothing
    • Webkit Box Decoration Break
    • Webkit Box Orient
    • Webkit Hyphens
    • Content
    • Font Family
    • Font Size
    • Font Style
    • Font Variant Numeric
    • Font Weight
    • Letter Spacing
    • Line Height
    • List Style Image
    • List Style Position
    • List Style Type
    • Overflow Wrap
    • Text Align
    • Text Decoration Color
    • Text Decoration Line
    • Text Decoration Style
    • Text Decoration Thickness
    • Text Indent
    • Text Overflow
    • Text Size Adjust
    • Text Transform
    • Text Underline Offset
    • Text Wrap
    • White Space
    • Word Break

MonorailCss

A JIT CSS compiler that aims to be Tailwind CSS 4.1 compatible, written in .NET

Get Started View on GitHub
Basics

Getting Started

Learn how to use MonorailCSS in your .NET projects

Read more
Basics

Customization

Learn how to customize MonorailCSS themes and create component classes

Read more
Advanced

Advanced Features

Explore custom variants, arbitrary values, and other advanced features

Read more
Advanced

Architecture

Understand the internal architecture of MonorailCSS

Read more

Quick Start

Install MonorailCss

dotnet add package MonorailCss

© 2025 MonorailCss - A Tailwind CSS 4.1 compatible CSS engine written in .NET