skylinecss
v1.0.1
Published
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.
Downloads
2
Maintainers
Readme
SkyLineCSS
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.
Features
- 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.
Installation
You can include SkyLineCSS in your project using one of the following methods: See Docs | GitBook Docs
CDN
<!-- Latest version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sh20raj/SkyLineCSS@latest/skyline.min.css">
Download
You can also download the CSS file from the releases section and include it in your project.
Usage
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>
Components
SkyLineCSS includes the following components:
- Buttons
- Forms
- Alerts
- Cards
- Flexbox utilities
- Table styles
- Box shadows
Dark Mode
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>
Contributing
Contributions are welcome! If you have improvements or new features to add, please open an issue or a pull request.
License
This project is licensed under the MIT License - see the LICENSE file for details.