v-shared-element vs react-navigation-shared-element

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

v-shared-element		react-navigation-shared-element
	Project
1	Mentions	11
457	Stars	1,249
-	Growth	-
8.9	Activity	2.7
20 days ago	Latest Commit	about 1 year ago
TypeScript	Language	TypeScript
MIT License	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.

v-shared-element

Posts with mentions or reviews of v-shared-element. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-05-01.

Vue Contextual Transition
4 projects | /r/vuejs | 1 May 2023

There is https://github.com/justintaddei/v-shared-element which is close to but not quite the solution I wanted.

react-navigation-shared-element

Posts with mentions or reviews of react-navigation-shared-element. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2021-02-17.

Testing shared elements transition for my app
1 project | /r/reactnative | 30 Jun 2023

I use react-navigation-shared-element. The API is really straight forward.
Releasing Reanimated 3.0
1 project | /r/reactnative | 1 Mar 2023

This one? It's been unmaintained for quite some time now. I've held off from using it just because of this. It's nice that we now get this support from the Reanimated team & React Navigation no need for extra community packages.
Hey Peoples I was wondering is there a library I could use to implement this: as I tap the screen the user details appear. Any point to the right direction would help. Thanks
1 project | /r/reactnative | 9 Jan 2022

Most part can be done with animation library as other mentioned. The initial transition between two screens seems like a shared element. Check some idea from here: https://github.com/IjzerenHein/react-native-shared-element
How can I create this type of animated navigation with react native?
1 project | /r/reactnative | 28 Dec 2021
iOS app opening style transitions in RN?
1 project | /r/reactnative | 27 Dec 2021
You can implement shared element transitions like those in the iOS App Store with react-navigation-shared-element
1 project | /r/reactnative | 26 Sep 2021
Shared transitions are really cool, but you might not know how to create one with React Native. This one is similar to FB Marketplace and you can learn how to make one too :) Hope the short tutorial can be helpful to you (see the comments)
1 project | /r/reactnative | 24 Mar 2021

Issue
App Store shared transition made with react-native and reanimated 2
2 projects | /r/reactnative | 17 Feb 2021

Something similar could be done with https://github.com/IjzerenHein/react-navigation-shared-element
How can I have this transition effect in my app?
1 project | /r/reactnative | 19 Jan 2021
Planets App UI design using React Native.
3 projects | /r/reactnative | 8 Jan 2021

What are some alternatives?

When comparing v-shared-element and react-navigation-shared-element you can also consider the following projects:

nuxt-contextual-transition - Easy-ish cross-browser transitioning between pages with shared elements and/or sequential order with Nuxt 3.

react-navigation - Routing and navigation for your React Native apps

vue-contextual-transition - Easy-ish cross-browser transitioning between pages with shared elements and/or sequential order with Vue 3.

app-store-animation - App Store shared transition

react-native-shared-element - Native shared element transition "primitives" for react-native 💫

react-native-template - An opinionated template to bootstrap your next React Native app with all the time-wasting packages you need to have.

vue-starport - 🛰 Shared component across routes with animations

storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

vue-motion-one - Animation library for Vue 3 based on Motion One.

ignite-bowser - Bowser is now re-integrated into Ignite CLI! Head to https://github.com/infinitered/ignite to check it out.