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
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
Our great sponsors

  • 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