Tamagui – UI kit that unify React Native and Web

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

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
  • solito

    🧍‍♂️ React Native + Next.js, unified.

  • https://solito.dev

    Solito is a thin wrapper around React Native and next.js so make it easier to share as much code as possible between the website and the native apps but still have the apps actually behave like native apps.

  • tamagui

    Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.

  • 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
  • mintter

    Mintter: an app for knowledge communities. Powered by the Hypermedia protocol.

  • I have been using different UI toolkits over the past ~13 years of my professional front-end development career. Probably starting with Bootstrap.

    Tamagui has a really elegant combination of a Styling system (the mechanics of applying styles to the underlying systems), a Theming system (the way sizes/colors are passed down within different contexts of the UI), and a Component system (high level components that are ready to use out of the box. In my opinion, this is where Tamagui shines above the competition- each abstraction effectively builds upon the underlying ones, but it gives you a bunch of ready-to-use components so you can start building quickly and worry about the details later. Way better than the "just copy and paste" model of Tailwind which forces you to maintain components and manually create a consistent UI for your app.

    We are using Tamagui for our open source electron app + web site. We hope to have a React Native app in the future, so we are strongly opposed to any solution that is overly tied to CSS. If you want to see an example (real-world, messy) codebase that uses Tamagui, please take a look here: https://github.com/MintterHypermedia/mintter/tree/main/front...

    The biggest downside, in my experience, is the heavy/complicated/fragile setup process of Tamagui, although this is typical of any TS monorepo. If you struggle to integrate Tamagui in your codebase, I encourage you to power through the setup phase- the payoff is totally worth it!

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

  • Maintainer Monday

    1 project | dev.to | 13 May 2024
  • Real-Time Top Reference System (Design Systems and UI Libs) 2023

    1 project | news.ycombinator.com | 14 Oct 2023
  • SSR and More for React Native Web

    1 project | news.ycombinator.com | 7 Aug 2023
  • React-Flow in React Native Possible? Otherwise Alternatives?

    1 project | /r/reactnative | 20 Jul 2023
  • TamaGUI vs Gluestack-UI/Gluestack-style

    1 project | /r/reactnative | 22 Jun 2023