A Quick UI CSS Framework - SkyLineCSS
SkyLineCSS is a lightweight, modern CSS framework designed to make building responsive web interfaces faster and easier. It provides a set of utility classes and components to streamline your development process.
- Easy to use: Quickly build layouts with utility classes.
- Responsive: Designed to work well on all screen sizes.
- Customizable: Easily override styles or extend the framework.
- Lightweight: Minimal file size for fast loading.
- Playground: Play with skyline code on playground to create something interesting
You can include SkyLineCSS in your project using one of the following methods: See Docs | GitBook Docs
<!-- Latest version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sh20raj/SkyLineCSS@latest/skyline.min.css">You can also download the CSS file from the releases section and include it in your project.
To use SkyLineCSS, simply include the CSS file in the <head> section of your HTML file:
<link rel="stylesheet" href="path/to/skyline.min.css">Then, start using the utility classes and components in your HTML:
<div class="container">
<h1>SkyLineCSS Example</h1>
<button class="btn btn-primary">Primary Button</button>
</div>SkyLineCSS includes the following components:
- Buttons
- Forms
- Alerts
- Cards
- Flexbox utilities
- Table styles
- Box shadows
SkyLineCSS also comes with a dark mode option. To activate dark mode, add the dark class to the <body> tag or any parent element:
<body class="dark">
<!-- Content -->
</body>Contributions are welcome! If you have improvements or new features to add, please open an issue or a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent