https://github.com/facebookincubator/infima

A UI framework that provides websites with the minimal CSS and JS needed to get started with building a modern responsive beautiful website
https://github.com/facebookincubator/infima

css dark-mode documentation docusaurus framework front-end responsive web

Last synced: 6 days ago
JSON representation

A UI framework that provides websites with the minimal CSS and JS needed to get started with building a modern responsive beautiful website

• Host: GitHub
• URL: https://github.com/facebookincubator/infima
• Owner: facebookincubator
• License: mit
• Created: 2019-06-19T01:06:46.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2024-10-25T07:51:50.000Z (2 months ago)
• Last Synced: 2024-10-29T19:57:23.146Z (about 2 months ago)
• Topics: css, dark-mode, documentation, docusaurus, framework, front-end, responsive, web
• Language: HTML
• Homepage: https://infima.dev
• Size: 6.73 MB
• Stars: 409
• Watchers: 9
• Forks: 55
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-list - infima

README

        
# [Infima](https://infima.dev/) · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/facebookincubator/infima/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/infima.svg?style=flat)](https://www.npmjs.com/package/infima)

> ⚠️ Infima is not yet ready for production use and is being developed alongside [Docusaurus 2](https://docusaurus.io/).

A modern styling framework for content-driven websites 🔥.

## Features

- **Theming** - Create websites with built-in support for theming and dark mode

- **Modern** - Built using modern CSS methodologies - CSS variables, PostCSS and BEM naming

- **Modular** - Import only the CSS for the components which you need

## Background

While building [Docusaurus 2](https://docusaurus.io/), we found that we needed styling for a documentation website as part of the default theme. We could bake the styling into the default theme such that it was only used by Docusaurus websites, but in the usual Facebook fashion, we decided to separate out the CSS layer into a separate project such that websites interested in adopting a documentation-site styling could use it too.

This project is being built alongside Docusaurus 2 and is still in the alpha stage, so using only this project in production is not recommended. Class names and CSS variable names might change in future (but will be documented in the CHANGELOG).

### License

Infima is [MIT licensed](./LICENSE).