getcss
An intuitive CSS framework.Create responsive web apps with getcss. It's simple, easy to use, free, and open source.
Current Version: v0.1.0-alfa-09
Get all HTML colors
1100+ hex color code preloaded.
Accelerate your development
Write less, get more
Zero dependencies
Develop with Angular, React or VUE
Responsive User Interface
Developed with mobile first approach
Latest Technologies
Supports latest browsers, HTML5 and CSS3
Easy to learn, easy to use
As easy as 1-2-3
Free & Open Source
Develop for yourself or your client
Color Palette
Use any HTML valid color name as a background with/without dark/light shades
BlueViolet-dark-80
BlueViolet-dark-60
BlueViolet-dark-40
BlueViolet-dark-20
BlueViolet
BlueViolet-light-20
BlueViolet-light-40
BlueViolet-light-60
BlueViolet-light-80
DarkOrange-dark-80
DarkOrange-dark-60
DarkOrange-dark-40
DarkOrange-dark-20
DarkOrange
DarkOrange-light-20
DarkOrange-light-40
DarkOrange-light-60
DarkOrange-light-80
greenYellow-dark-80
greenYellow-dark-60
greenYellow-dark-40
greenYellow-dark-20
greenYellow
greenYellow-light-20
greenYellow-light-40
greenYellow-light-60
greenYellow-light-80
HotPink-dark-80
HotPink-dark-60
HotPink-dark-40
HotPink-dark-20
HotPink
HotPink-light-20
HotPink-light-40
HotPink-light-60
HotPink-light-80
Typography
All headings in getcss framework are responsive in size according to their level.
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</div>
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Table
Get a beautiful table in getcss with Just a single class.
| Name | Position | Salary |
|---|---|---|
| Harry | Developer | $1450 |
| Steven | Tester | $850 |
| Nancy | Designer | $1200 |
| Abraham | SEO | $900 |
| Jenny | HRM | $1050 |
Text Decoration and Transformation
All classes related to text are simple and easy to remember in getcss.
class="deco-underline"
class="txt-uppercase"
class="txt-lowercase"
class="txt-capitalize"
overline
underline
uppercase
lowercase
capitalize
Padding and Margin
Using getcss, applying padding and margin in your project is super easy. You have a choice to choose pixel or percentage.
<p>Margin of this div element is 30px from left and right.</p>
</div>
This element has 30px margin from left and right.
<p>This div element has 25% margin from right.</p>
</div>
Margin of this div element is 25% from right.
<p>Padding of this div element is 70px from top.</p>
</div>
This element has 70px padding from top.
<p>This div element has 25% padding from left.</p>
</div>
Padding of this div element is 25% from left.
Submit Your Website
Developed with getcss?
🌟 If you've crafted a website using getcss, you're already on the right track! 🎉
Submitting your getcss-developed website isn't just about showcasing your work—it's about inspiring others and contributing to a vibrant developer community. So go ahead, share your masterpiece! 🚀
Designed and maintained with by Sunil
Source code licensed under MIT
Website content & documentation licensed under CC BY-NC-SA 4.0
This work is licensed under a Creative Commons Attribution 4.0 International License.