https://github.com/sh20raj/skylinecss

A Quick UI CSS Framework - SkyLineCSS
https://github.com/sh20raj/skylinecss

css css-framework css3 sh20raj

Last synced: 2 months ago
JSON representation

A Quick UI CSS Framework - SkyLineCSS

• Host: GitHub
• URL: https://github.com/sh20raj/skylinecss
• Owner: SH20RAJ
• License: mit
• Created: 2024-03-22T01:56:45.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-01T09:10:26.000Z (10 months ago)
• Last Synced: 2024-11-16T01:43:41.378Z (2 months ago)
• Topics: css, css-framework, css3, sh20raj
• Language: CSS
• Homepage: https://sh20raj.github.io/SkyLineCSS/
• Size: 64.5 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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.

[![Visitors](https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2FSH20RAJ%2FSkyLineCSS%2F&labelColor=%23f47373&countColor=%23d9e3f0&style=flat)](https://visitorbadge.io/status?path=https%3A%2F%2Fgithub.com%2FSH20RAJ%2FSkyLineCSS%2F) [![](https://data.jsdelivr.com/v1/package/gh/sh20raj/SkyLineCSS/badge)](https://www.jsdelivr.com/package/gh/sh20raj/SkyLineCSS)

## 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.

- [Playground](https://codes20.github.io/?prefill=%3C%21--%20Latest%20version%20--%3E%0A%3Clink%20rel%3D%22stylesheet%22%20href%3D%22https%3A%2F%2Fcdn.jsdelivr.net%2Fgh%2Fsh20raj%2FSkyLineCSS%40latest%2Fskyline.min.css%22%3E%0A%0A%0A%0A%0A%0A): Play with skyline code on playground to create something interesting

## Installation

You can include SkyLineCSS in your project using one of the following methods: [See Docs](/docs) | [GitBook Docs](https://sh20raj.gitbook.io/skylinecss)

### CDN

```html

```

### Download

You can also download the CSS file from the [releases](https://github.com/sh20raj/SkyLineCSS/) section and include it in your project.

## Usage

To use SkyLineCSS, simply include the CSS file in the `` section of your HTML file:

```html

```

Then, start using the utility classes and components in your HTML:

```html



  
SkyLineCSS Example

  Primary Button



```


## 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 `` tag or any parent element:

```html

  

```

## 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](LICENSE) file for details.