https://github.com/reflexjs/reflexjs

A library for rapid UI development with style props, color modes, themes and variants + starter kits, themes and blocks to help you build Gatsby and Next.js sites faster.
https://github.com/reflexjs/reflexjs

components-and-templates gatsby gatsby-starter gatsby-themes nextjs nextjs-starter reactjs styling themes ui

Last synced: 11 days ago
JSON representation

A library for rapid UI development with style props, color modes, themes and variants + starter kits, themes and blocks to help you build Gatsby and Next.js sites faster.

• Host: GitHub
• URL: https://github.com/reflexjs/reflexjs
• Owner: reflexjs
• License: mit
• Created: 2020-06-18T15:06:32.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2023-07-13T23:42:14.000Z (over 1 year ago)
• Last Synced: 2024-10-28T12:25:40.790Z (14 days ago)
• Topics: components-and-templates, gatsby, gatsby-starter, gatsby-themes, nextjs, nextjs-starter, reactjs, styling, themes, ui
• Language: JavaScript
• Homepage: https://reflexjs.org
• Size: 65 MB
• Stars: 978
• Watchers: 11
• Forks: 68
• Open Issues: 36
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-list - reflexjs
• Awesome-NextJs - reflexjs - [website](https://reflexjs.org/) `A library for rapid UI development with style props, color modes, themes and variants + starter kits, themes and blocks to help you build Gatsby and Next.js sites faster.` (miscellaneous)

README

        


  





  

  

  



## Demo



## Features

- **Style props:** Use any CSS property as prop to rapidly style your components.

- **Responsive styles:** Add mobile-first responsive styles with a few keystrokes.

- **Themes support:** Use a theme for typography, colors, and spacing.

- **Variants:** Extract styles to your theme. Re-use them. Compose them.

- **Color Modes:** Add dark mode. Add light mode. Add any color mode.

- **A library of ready-to-use blocks:** That you can copy and paste into your site

- **And so much more::** Typescript, Intellisense, Emmet...

## Starter kits

- [Next.js](https://github.com/reflexjs/nextjs-starter)

- [Next.js (Typescript)](https://github.com/reflexjs/nextjs-starter-typescript)

- [Gatsby](https://github.com/reflexjs/gatsby-starter)

- [Gatsby (Typescript)](https://github.com/reflexjs/gatsby-starter-typescript)

## Docs

Visit [https://reflexjs.org/docs](https://reflexjs.org/docs) to get started.

## Blocks

Browse the blocks library at [https://reflexjs.org/blocks](https://reflexjs.org/blocks).

## License

Licensed under the [MIT license](https://github.com/reflexjs/reflex/blob/master/LICENSE).