Introduction
Overview
Key Features
Why LiteStrap?
Getting Started
Installation Guide
Setting Up Your First Project
Basic Usage Examples
Core Concepts
How LiteStrap Works?
CSS and JS Integration
Understanding Modular Design
Utility Classes
Resetting Styles
Utility Functions
Typography and Fonts
Spacing and Sizing
Layout and Positioning
Containers
Grid System: Columns and Rows
Positioning and Alignment
Flexcards and Tabs
Colors and Themes
Color Palettes
Themes
Dynamic Color Utilities
Navigation Components
Navigation Bar
Side Menu
Interactive Components
Buttons and Interactions
Scroll and Page Control
Togglers and Interactive Elements
Forms and Input Elements
Form Styling
Input Enhancements and Validation
Animations and Effects
Predefined Animations
Custom Effects
Content Presentation
Full Page Scroll
Backgrounds
Panels
Tabs
Toasts and Alerts
Additional Components
Off-canvas Elements
Footer Design
Debugging Utilities
Advanced Topics
Customizing LiteStrap for Your Project
Integrating Other Libraries
Accessibility Best Practices
Examples and Tutorials
Sample Projects
Step-by-Step Tutorials for Common Use Cases
Troubleshooting
Common Issues and Fixes
Tips for Debugging
Contributing to LiteStrap
How to Get Involved
Reporting Issues and Feature Requests
License and Credits
License Information
Acknowledgements and Credits
Attribution

Installation Guide

To begin using LiteStrap, you first need to install the framework. You can include LiteStrap in your project using one of the following methods: