jsxstyle
tamagui
Our great sponsors
jsxstyle | tamagui | |
---|---|---|
1 | 55 | |
2,105 | 9,992 | |
0.4% | 5.1% | |
7.6 | 10.0 | |
6 months ago | 2 days ago | |
TypeScript | TypeScript | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
jsxstyle
-
Panda CSS: build time and type-safe CSS-in-JS
Works in both React and Preact. It's designed to support generating styles at build time, but I've never bothered. For the sorts of things I work on, being able to quickly bang out a component is more important than golfing the bundle size or maintaining a design system.
jsxstyle feels like I can sculpt in code. It's really satisfying to hammer out some props and see a component come to life, especially when you've got hot module replacement working.
Based on a quick perusal of linked page, Panda seems like perhaps a more mature version of jsxstyle, but also more fidgety. As an army of one, I'm happy to optimize for iteration speed, but if I needed to maintain a system, maybe I'd consider switching to Panda.
https://www.npmjs.com/package/jsxstyle
tamagui
-
Exploring the Best UI Component Libraries for React Native apps
Tamagui is a UI kit that aims to bridge the gap between React and React Native applications by addressing the fundamental parts of an app, such as styling, theming, and cross-platform components, while keeping app performance in mind. It utilizes an optimizing compiler to significantly improve performance by hoisting objects and CSS at build-time. Its main advantage is that it creates a consistent design system across web and native platforms. Some major highlights of Tamagui are:
-
Creating a reusable Design System between React and React Native with Tamagui
Many times, while developing mobile applications with React Native, I have thought about the possibility of reusing components in both web and mobile contexts. Recently, I came across a library called Tamagui that allows components to be shared in both React Web and React Native.
- Criando um Design System reutilizável entre React e React Native com Tamagui
- Tamagui – UI kit that unify React Native and Web
-
Real-Time Top Reference System (Design Systems and UI Libs) 2023
Tamagui would be great to add:
https://tamagui.dev
-
Show HN: Rapidpages – OSS alternative to vercel's v0
If you're interested in collaborating, I've been thinking of a feature like this for our platform (https://tamagui.dev) to integrate with the studio we're launching soon, send me an email or DM on Discord.
-
HyperUI: Free Open Source Tailwind CSS Components
I have heard good things about https://tamagui.dev/ . Haven't used it myself though, going to use it in my next project
- SSR and More for React Native Web
- Expo – open-source platform for making universal apps for Android, iOS, and web
-
Any Apple/Modern/Minimalistic Style UI Libraries for Svelte?
Hello. I'm looking for a Svelte UI component library with a minimalistic modern look like NextUI or Tamagui. Preferably not looking for something that looks like Material UI or a Shadcn-UI clone. Tailwind would be a plus.
What are some alternatives?
CSSX - CSS in JavaScript
Tailwind CSS - A utility-first CSS framework for rapid UI development.
Aphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
react-table - ⚛️ Hooks for building fast and extendable tables and datagrids for React [Moved to: https://github.com/TanStack/react-table]
glamor - inline css for react et al
addon-react-native-web - Build react-native-web projects in Storybook for React
ReactCSS - :lipstick: Inline Styles in JS
restyle - A type-enforced system for building UI components in React Native with TypeScript.
React Figma - ⚛️ A React renderer for Figma
react-native-web-monorepo - Code sharing between iOS, Android & Web using monorepo