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.
Install / Use
/learn @reflexjs/ReflexjsREADME
<div align="center">
<img src="https://user-images.githubusercontent.com/124599/114730531-031c5680-9d52-11eb-8255-7fcfcc0c9828.jpg" alt="A library for rapid UI development with style props, color modes, themes and variants." />
</div>
<p align="center">
<a href="https://github.com/reflexjs/reflex/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@arshad/gatsby-theme-phoenix.svg" alt="License"></a>
<a href="https://github.com/reflexjs/reflex/pulls"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" /></a>
<a href="https://twitter.com/arshadcn"><img src="https://img.shields.io/badge/Follow-%40arshadcn-1da1f2" alt="Follow @arshadcn" /></a>
</p>
Demo
<img src="/assets/reflexjs-demo-1080.gif" width="1280" alt="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
Docs
Visit https://reflexjs.org/docs to get started.
Blocks
Browse the blocks library at https://reflexjs.org/blocks.
License
Licensed under the MIT license.
