tamagui
view-transitions | tamagui | |
---|---|---|
16 | 57 | |
824 | 11,826 | |
1.3% | 2.1% | |
5.6 | 10.0 | |
about 2 months ago | 7 days ago | |
HTML | 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.
view-transitions
- I created a website to upload and showcase desk setups & office workspaces, with clickable featured products in the image!
- How to use View Transitions in Hotwire Turbo
- Is there any js library to add fluid "app-like" animations to a website?
-
HTML is all you need to make a website
true, but HTML-only websites are often pretty clunky
infuriatingly, if HTML had just a bit more oomph, we could make a lot better websites with it, but they haven't been moving HTML forward as a hypermedia for decades now (see https://htmx.org for what I mean, they could implement this concept in the browser in a week, and it would change web development dramatically)
the upcoming view transitions API will help:
https://github.com/WICG/view-transitions
but, still, there are some really obvious and simple things that could be done to make HTML much more compelling (let's start by making PUT, PATCH and DELETE available in HTML!)
-
Can you achieve the same behaviour with JS?
Cool answer: Look at shared element transition. this is gonna be really cool one day, sadly not yet out of the proposal state... https://github.com/WICG/shared-element-transitions
-
The different strategies to building a cross-platform app
Native features faster: Quickest path to utilizing native features/UX improvements once they are released, no need to wait for a third party implementation. Example: shared element transitions first came to native, then were replicated on the web.
-
Barba.js – Create fluid and smooth transitions between your website’s pages
Lol yes, can’t edit now sorry.
1: https://github.com/WICG/shared-element-transitions
-
Assorted Svelte demos: conditional wrappers, page transitions, actions
I took the experimental page transition API (a.k.a. shared element transitions) for a test drive with SvelteKit, and the result was pretty slick. You’ll need Chrome Canary with the chrome://flags/#document-transition flag enabled if you want to try this one out yourself — the original tweet has a video if you don’t want to jump through those hoops. There’s a live demo and a GitHub repo if you want to see how it was accomplished.
-
SPAs: theory versus practice
Here is link number 1 - Previous text "yet"
-
I played around with Chrome's new "Shared Element Transitions"
There's also the developer guide https://github.com/WICG/shared-element-transitions/blob/main/developer-guide.md.
tamagui
-
Unistyles vs. Tamagui for cross-platform React Native styles
Tamagui is a UI library that makes it easier for you to build UIs for React Native apps that work on both mobile and web platforms. It provides a suite of pre-built components, a powerful styling system, theming capabilities, and media queries for designing responsive applications.
-
Maintainer Monday
You can check out the site for Tamagui here.
-
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
What are some alternatives?
Svelte - web development for the rest of us
Tailwind CSS - A utility-first CSS framework for rapid UI development.
vue-flip-starport
chakra-ui - Chakra UI is a component system for building products with speed ⚡️
vue-starport - 🛰 Shared component across routes with animations
react-table - ⚛️ Hooks for building fast and extendable tables and datagrids for React [Moved to: https://github.com/TanStack/react-table]
flipjs - A helper library for doing FLIP animations.
addon-react-native-web - Build react-native-web projects in Storybook for React
navigation-api - The new navigation API provides a new interface for navigations and session history, with a focus on single-page application navigations.
restyle - A type-enforced system for building UI components in React Native with TypeScript.
sveltekit-view-transitions - Page transitions in SvelteKit with the View Transition API.
react-native-web-monorepo - Code sharing between iOS, Android & Web using monorepo