Beyond the Basics: Exploring TailwindCSS and Linaria in Next.js - From Installation to Performance Optimization

This page summarizes the projects mentioned and recommended in the original post on dev.to
React Code Design UI Frameworks PostCSS Components

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • classnames

    A simple javascript utility for conditionally joining classNames together

    • But of course, it is a button, so it could have multiple variants: primary and secondary(you can increase the number of customizable params, but we will limit it to 1, variant). To implement this you can use any library for combining classnames, for example, classnames, clsx. Let’s use the classic one, "classnames".

  • shadcn/ui

    Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

    • Examples: radix-ui, chakra-ui, shadcn/ui, tailwind-ui.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • cssnano

    A modular minifier, built on top of the PostCSS ecosystem.

    • Since Tailwind is a PostCSS plugin, we can also add cssnano plugin to compress the bundle.

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

    • Examples: radix-ui, chakra-ui, shadcn/ui, tailwind-ui.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Apredendo React - The Roadmap!

    10 projects | dev.to | 19 Apr 2022

  • 6 CSS tools for more efficient and flexible CSS handling

    4 projects | dev.to | 16 May 2024

  • The Ultimate Guide to Styling with CSS-in-JS Using Styled Components

    5 projects | dev.to | 13 May 2024

  • Astro.js as an alternative to Next.js: pushing the limits

    7 projects | dev.to | 17 Apr 2024

  • React Component Libraries

    13 projects | dev.to | 13 Mar 2024