flutter_platform_widgets
tamagui
flutter_platform_widgets | tamagui | |
---|---|---|
4 | 55 | |
1,534 | 10,032 | |
0.1% | 2.9% | |
8.0 | 10.0 | |
3 months ago | 4 days ago | |
Dart | TypeScript | |
MIT License | 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.
flutter_platform_widgets
-
The different strategies to building a cross-platform app
Full control of rendering. Optimizes for consistent UI cross-platform, at expense of platform-specific capabilities and look-and-feel (that users on each platform might be more familiar with). But has Cupertino widgets for iOS look-and-feel, to alleviate that. (Android uses Material UI widgets). Could also use flutter_platform_widgets that automatically selects the UI widget's look-and-feel according to the mobile platform (iOS or Android).
-
Using Flutter to build a native-looking desktop app for macOS and Windows
OP here!
It wasn't that hard to handle the conditional logic for the UI components. It can also be encapsulated in a separate package, something that is already available for Flutter on mobile (iOS and Android UI): https://github.com/stryder-dev/flutter_platform_widgets
I could also not strive to make it look native, but go with the default UI (Google's Material UI). As I explained in the post, I decided to take some extra steps and use the two UI packages (macos_ui and fluent_ui), to make it adapt to the platform.
Please bear in mind that I am a single developer, with ~1 year of working with Flutter and Dart, and my main background is web development. I think that teams with more members and experience can certainly do this for even larger in scope apps.
- Do all Flutter Apps look similar?
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?
styled_widget - Simplifying widget style in Flutter.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
Flutter-Neumorphic - A complete, ready to use, Neumorphic ui kit for Flutter, 🕶️ dark mode compatible
react-table - ⚛️ Hooks for building fast and extendable tables and datagrids for React [Moved to: https://github.com/TanStack/react-table]
Windows UI Library - Windows UI Library: the latest Windows 10 native controls and Fluent styles for your applications
addon-react-native-web - Build react-native-web projects in Storybook for React
react-native-web - Cross-platform React UI packages
restyle - A type-enforced system for building UI components in React Native with TypeScript.
Skia - Skia is a complete 2D graphic library for drawing Text, Geometries, and Images.
react-native-web-monorepo - Code sharing between iOS, Android & Web using monorepo