Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sebastienrousseau/skeletonic-stylus

The Stylus Skeletonic Library is a lightweight, intuitive, accessible and ultra-responsive Stylus Library.
https://github.com/sebastienrousseau/skeletonic-stylus

bidirectional css mit-license open-source preprocessor skeletonic-css skeletonic-stylus stylus stylus-css stylus-mixin

Last synced: about 1 month ago
JSON representation

The Stylus Skeletonic Library is a lightweight, intuitive, accessible and ultra-responsive Stylus Library.

Awesome Lists containing this project

README 

        



skeletonic logo



# Skeletonic Stylus Library (v1.1.6)



![Skeletonic Stylus Library banner][5]



[![npm](https://img.shields.io/npm/v/@sebastienrousseau/skeletonic-stylus.svg?style=for-the-badge\&color=d70015)](https://www.npmjs.com/package/@sebastienrousseau/skeletonic-stylus)

[![Contributors][contributors-shield]](https://github.com/sebastienrousseau/skeletonic-stylus/graphs/contributors)

[![Forks][forks-shield]](https://github.com/sebastienrousseau/skeletonic-stylus/)

[![License](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge\&color=ff69b4)](https://opensource.org/licenses/MIT)

![Made with Love][4]



**• [Website](https://skeletonic.io) • [Documentation](https://docs.skeletonic.io) • [Report Bug](https://github.com/sebastienrousseau/skeletonic-stylus/issues) • [Request Feature](https://github.com/sebastienrousseau/skeletonic-stylus/issues) • [Contributing Guidelines](https://github.com/sebastienrousseau/skeletonic-stylus/blob/main/CONTRIBUTING.md)**



***



## Overview 📖



The [Skeletonic Stylus Library][0] is a lightweight and modular

[Stylus][15] Library. It contains a suite of components and mixins

optimised for mobile and web application design and development. You can

use them to build responsive and fast web interfaces or combine them

with other technologies to build custom components.



## Features ✨



- **Accessible**: The code is designed with accessibility in mind for

  users with disabilities and for users who use assistive technologies.

- **Comprehensive UI components**: It provides a wide range of UI

  components, including buttons, forms, tables, and more that are easy

  to use and customise.

- **Extensible**: The components are extensible to suit your needs.

- **Intuitive**: easy to use and understand.

- **Lightweight**: 1.1 KB (minified and gzipped).

- **Modular**: The components are usable on their own or in combination.

- **Ultra-responsive**: works on any device, big, or small.



### Documentation 📚



Documentation for the Skeletonic Stylus Library is available in English,

French and in Markdown format. Please refer to the following links to

access it:



- [English Documentation][1] 🇬🇧

- [Documentation Française][2] 🇫🇷

- [Markdown documentation][3] 📕



## Installation 🛠



You have the following options to get the Skeletonic Stylus Library:



- Download the [latest][7] release from GitHub.

- Install with [npm][8] to get all source files as they are available

  on GitHub: `npm install skeletonic-stylus`

- Install with [yarn][9] to get all source files as they are available

  on GitHub: `yarn add skeletonic-stylus`

- Install with [pnpm][10] to get all source files as they are available

  on GitHub: `pnpm add skeletonic-stylus`

- Clone the main repository to get all source files including build

  scripts: `git clone https://github.com/sebastienrousseau/skeletonic-stylus.git`

- Directly load the CSS files from a CDN (see below).



A pre-bundled package that contains all compiled CSS, components and

mixins needed to use is available via the following CDNs:



| CDN | URL |

| --- | --- |

| [GitHub Packages](https://docs.github.com/en/packages) |  |

| [unpkg](https://unpkg.com/) |  |

| [jsDelivr](https://www.jsdelivr.com/) |  |



### Versioning 🚥



For transparency into our release cycle and in striving to maintain

backward compatibility, the Skeletonic Stylus Library is maintained

under the [Semantic Versioning](https://semver.org/) guidelines.



## License 📝



The project is licensed under the terms of both the MIT license and the

Apache License (Version 2.0).



- [Apache License, Version 2.0][12]

- [MIT license][13]



## Contribution 🤝



We welcome all people who want to contribute. Please see the

[contributing instructions][11] for more information.



Unless you explicitly state otherwise, any contribution intentionally

submitted for inclusion in the work by you, as defined in the Apache-2.0

license, shall be dual licensed as above, without any additional terms

or conditions.



## Acknowledgements 💙



A big thank you to all the awesome contributors of

[skeletonic-stylus][14] for their help and support.



[contributors-shield]: https://img.shields.io/github/contributors/sebastienrousseau/skeletonic-stylus.svg?style=for-the-badge

[forks-shield]: https://img.shields.io/github/forks/sebastienrousseau/skeletonic-stylus.svg?style=for-the-badge



[0]:  https://github.com/sebastienrousseau/skeletonic-stylus

[1]:  https://docs.skeletonic.io/en

[2]:  https://docs.skeletonic.io/fr

[3]:  https://github.com/sebastienrousseau/skeletonic-docs

[4]:  https://raw.githubusercontent.com/sebastienrousseau/vault/main/assets/shields/made-with-love.svg

[5]:  https://raw.githubusercontent.com/sebastienrousseau/vault/main/assets/skeletonic/logo/logo-skeletonic-stylus.svg

[7]:  https://github.com/sebastienrousseau/skeletonic-stylus/archive/v1.1.6.zip

[8]:  https://npmjs.com/

[9]:  https://yarnpkg.com/

[10]: https://pnpm.io/

[11]: https://github.com/sebastienrousseau/skeletonic-stylus/blob/main/CONTRIBUTING.md

[12]: https://opensource.org/license/apache-2-0/

[13]: https://opensource.org/licenses/MIT

[14]: https://github.com/sebastienrousseau/skeletonic-stylus/graphs/contributors

[15]: https://stylus-lang.com