🎨 Dill & Design

Modern Design System & Component Library

🎯 Component Library Showcase

🔘 Buttons

                                <button class="btn btn-primary">Primary</button>

                                <button class="btn btn-secondary">Secondary</button>

🎨 Color Palette

#4CAF50

#2E7D32

#8BC34A

#667eea

#764ba2

#ff6b6b

                                Primary: #4CAF50

                                Secondary: #2E7D32

                                Accent: #8BC34A

📝 Typography

Heading 1

Heading 2

Heading 3

Regular paragraph text with proper line height and spacing.

Small text for captions and metadata

                                Font: Inter

                                Weights: 300-800

                                Line Height: 1.6

🎯 Cards

🎨

Sample Card

This is a sample project card with hover effects.

React CSS

                                <div class="project-card">

                                  Card content

                                </div>

🔤 Icons

                                Font Awesome 6.4.0

                                600+ icons available

                                Easy to customize

📊 Stats & Progress

95%

Success Rate

75% Complete

                                Animated progress bars

                                Counter animations

                                Responsive stats display

🚀 Ready to Build Beautiful Interfaces?

Start using Dill & Design in your next project

View on GitHub