From React to Hotwire - Part I - [EN]

Developer Tools Design Tools UI

Grommet Landing Page
1

Grommet

Build responsive and accessible mobile-first projects for the web with an easy to use component library
Pricing:
- Open Source
Another important bet at the beginning of Linkana was Grommet, a UI framework that offers React components for creating interfaces. Some may think it was a wrong bet since we eventually moved away from it and Grommet never took off, but that was not the case. At the time, we believed that "creating our own Design System" was a vanity common in many companies, large and small. This mentality, I believe, was a legacy of Twitter Bootstrap. Although Bootstrap was the first UI library to become popular, its strength was never customization. As a result, many sites ended up looking similar. Grommet, besides being a ready-to-use UI framework, was the only one available in 2017/2018 with a Figma file. More popular options like MUI and Ant Design did not offer this feature. Having the Figma file meant that design projects would be done within Grommet's sandbox, avoiding unnecessary customizations.

#Developer Tools #UI #Application Builder 11 social mentions
Headless UI Landing Page
2

Headless UI

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Pricing:
- Open Source
Soon after, I discovered a new concept called "unstyled-ui," which are JS libraries that implement all the behavior of library components, leaving the CSS to be applied by you. Good examples are: Radix-ui, Headless-ui, and Tanstack.

#Design Tools #UI Design #Components Library 40 social mentions
Bootstrap Landing Page
3

Bootstrap

Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Pricing:
- Open Source
Another important bet at the beginning of Linkana was Grommet, a UI framework that offers React components for creating interfaces. Some may think it was a wrong bet since we eventually moved away from it and Grommet never took off, but that was not the case. At the time, we believed that "creating our own Design System" was a vanity common in many companies, large and small. This mentality, I believe, was a legacy of Twitter Bootstrap. Although Bootstrap was the first UI library to become popular, its strength was never customization. As a result, many sites ended up looking similar. Grommet, besides being a ready-to-use UI framework, was the only one available in 2017/2018 with a Figma file. More popular options like MUI and Ant Design did not offer this feature. Having the Figma file meant that design projects would be done within Grommet's sandbox, avoiding unnecessary customizations.

#Developer Tools #Design Tools #Web Frameworks 363 social mentions