After half a year’s efforts, today we’re finally releasing Fower v1.0.
Fower is a styling tool library that allows you to efficiently develop UI. The goal is to make it easier for you to write CSS. The core features of Fower are Atomic, Type Safe, and CSS in JS. It pays great attention to the development experience, allowing you to build user interface quickly and happily.
A year ago, our team was developing Web, React native, and Mini Program projects at the same time. In these three types of projects, we used different styling tool:
StyleSheet.create
that comes with React native;The three style solutions are written in different way, which makes us particularly painful when writing styles:
Later,We discovered Tailwindcss, A utility-first CSS framework. We started to use Tailwindcss in the web project. After some time, we found that the development experience is very good, the development efficiency is very high, especially suitable for our projects that require a highly customized interface. Unfortunately, Tailwindcss cannot be used directly in non-web projects such as React native.
The members of our team like the style of Tailwindcss, so we create Fower, it allows us to unify the way we write styles for all projects.
Similar to Tailwindcss, we also use the concept of utility-first, but Fower is a bit different. Fower uses Atomic Props to write styles.
Fower is opinionated and we created it based on the following concepts:
Fower has many features, such as atomic classes, responsiveness, pseudo-classes, themes, design systems, CSS in JS…, I think these are the basic feature of Fower, not special feature.
#css #vuejs #react