🧱 BaseFrame

BaseFrame is not just another CSS framework — it’s your creative toolkit for styling the web without the noise.
Built for clarity, speed, and elegance, BaseFrame gives you a canvas where every class tells a story — simple, purposeful, and beautifully consistent.

No clutter. No layout chaos. Just pure visual power.

Built for lazy devs like me — who love the idea of Tailwind but don’t want a week of config just to center a div.

🚀 CDN

BaseFrame is available instantly through public CDNs — no installation needed.

jsDelivr (Recommended)

<!-- Latest Version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/baseframe-css/baseframe.min.css">

<!-- Specific Version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/baseframe.min.css">

UNPKG

<!-- Latest Version -->
<link rel="stylesheet" href="https://unpkg.com/baseframe-css/baseframe.min.css">

<!-- Specific Version -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/baseframe.min.css">

🌟 What Makes It Special

✨ Utility-First Design — Every class is a small spell that does one thing perfectly.
🎨 Visual-Only Focus — Text, color, borders, shadows, filters, animations — all in your control.
🧩 Modular Structure — Pick what you need, leave what you don’t.
⚡ Lightweight & Fast — Small in size, big in freedom.
🧠 Readable, Predictable, Beautiful — The kind of CSS you actually enjoy writing.

Pure CSS Components Comming Soon

💬 The Idea Behind BaseFrame

Every design starts with a blank page — BaseFrame is that page.
It doesn’t tell you where to place your elements or how your layout should behave.
Instead, it gives you the building blocks to paint your vision: color by color, layer by layer, effect by effect.

It’s CSS without the weight — a quiet helper that stays out of your way while you build something great.

🪶 Philosophy

Keep it light. Keep it clear. Keep it yours.

BaseFrame believes that simplicity is power.
No preprocessors, no hidden logic — just clean, honest CSS utilities that work everywhere.
You decide the story. BaseFrame just provides the words.

💡 When to Use BaseFrame

🧱 When you want a foundation for your own design system.
🎨 When you’re building fast prototypes that still look polished.
⚙️ When you’re tired of bloated frameworks dictating your style.
💻 When you just need clean, reliable CSS that feels like home.

🧩 What’s Inside

• Text & Font Utilities
• Colors & Backgrounds
• Borders & Radius
• Shadows & Outlines
• Transitions & Animations
• Filters & Visual Effects
• Clip & Mask Helpers
• Object-Fit & Aspect-Ratio
• Scroll, Resize & Accessibility
• Print-Ready Support
• Powerfull Layout, Grid and Flexbox System

Everything you need for a complete visual layer — and nothing you don’t.

❤️ License

Released under the MIT License — free to use, modify, and build upon.
BaseFrame © 2025 [Ali Hassan]

🖋️ BaseFrame — your foundation for clean, creative, and effortless CSS.