/Skeleta

Skeleta is a lightweight CSS library that provides a flexible skeleton for building modern, responsive layouts

Primary LanguageSCSSMIT LicenseMIT

Skeleta

Skeleta is a CSS library that aims to simplify the process of creating responsive layouts. It provides a set of pre-built classes and components that can be easily customized to create complex designs that look great on any device.

Skeleta is built using modern CSS practices and prioritizes a content-first approach to layout design. This means that instead of relying primarily on breakpoints for responsive design, Skeleta focuses on creating layouts that prioritize the content and adapt to different screen sizes and devices without sacrificing readability or usability.

With Skeleta, you can quickly and easily create responsive designs that are both functional and visually appealing, without the need for extensive custom CSS or complicated media queries.

Features

  • Lightweight and fast
  • Built with modern CSS practices
  • Content-Flow First
  • Fully responsive
  • Easy to customize and extend

Getting Started

Skeleta comes in two flavors:

  • CSS: Which only contains the necessary CSS to use Skeleta.
  • React: A distribution of Skeleta that uses React Components.

Install using npm

# For the css-only version
npm install @morebec/skeleta-css

# For the react version.
npm install @morebec/skeleta-react

License

Skeleta is licensed under the MIT License. See the LICENSE file for more information.