Shilp CSS Introduction
Shilp (शिल्प) means craft. The disciplined act of making repetition, care, and practice over time.
In classical usage, it is described as:
Work shaped by understanding, not speed.
This idea is the foundation of everything here.
What is Shilp CSS?
Shilp CSS is an Intent-first, CSS-centric styling engine and framework.
It is designed for engineers, who care, where decisions live, who want styles to remain understandable years later, and who prefer ownership over convenience.
You compose intent-based styles inside CSS, and apply them through named
classes like traditional CSS.
This keeps HTML semantic, readable, smaller
in size, and build styling systems meant to last.
How To Read These Docs
Shilp CSS groups topics into sections, making them easier to understand and navigate.
Getting Started
Shilp CSS becomes clear to you, once you understand, where it places responsibility.
Read docs in following order:
Basics:
Must Read:
Once you’ve read the above, you can Setup Shilp CSS to start using it in practice, or move on to the other sections to deepen your understanding.
Begin Your Journey
| Section | Description | Documentation |
|---|---|---|
| Core Concepts | Understand the foundation of Shilp CSS and key ideas for scalable design systems | Learn |
| Config | Deep dive into shilp.config.js, its structure, customization, and defaults | Deep Dive |
| Life Cycle | Learn how Shilp CSS processes and transforms intent into CSS | Explore |
| Default Styles | Optional default styles provided for a quick start and easier setup | Setup |
| Best Practices | Recommendations for writing efficient and maintainable Shilp CSS | Guide |