Is there a dedicated ui library dedicated for server component?

This page summarizes the projects mentioned and recommended in the original post on

Our great sponsors
  • Klotho - AWS Cloud-aware infrastructure-from-code toolbox [NEW]
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • mantine

    React components library with native dark theme support

    I tried Nextjs 13 today, with the new app directory that uses server component by default. I tried using in this project (which uses emotion/core). This will throw an error of ou're importing a component that needs flushSync. It only works in a Client Component. I wonder if the problem lies with emotion/core's SSR strategy or if it's just we should use only style libraries like tailwind for server components.

  • react-18

    Workgroup for React 18 release.

    Anything that uses css-in-js (styled-components / emotion) won't currently work properly: the problem isn't related to emotions SSR strategy as that relates to client components being statically pre-rendered. The problem actually relates to the implementation of these solutions as they do not work very well with the new concurrent rendering patterns of react 18 and they haven't completed the upgrade process explained here: this will be a pretty large fundamental change to emotion, so may take a fair while to fully support it, especially given that next's app folder is still a beta feature :)

  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  • react-daisyui

    daisyUI components built with React 🌼

    Try react daisy ui which is tailwind based.

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