Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Excited to share my latest project glimm is a React and Next.js library for delightful shader-driven page transitions. It animates a WebGL band across the screen during route changes or any state change if selected. The new view appears underneath as the band moves. It is GPU-accelerated, under 10...

27,336 Aufrufe • vor 2 Monaten •via X (Twitter)

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

I built a clone of the Yeezy store with Next.js. This was a fun challenge — the site has some smooth animations and feels very fast. But it was bothering me that I couldn't use the browser back button. Can we do better? So I rebuilt the site with v0 and Motion. Here's how it works: 1. When you click on a product, Motion is able to animate the original position of the product in the grid, to the zoomed in product detail page. 2. During this transition, we also shallow update the URL with the `/p/slug` route for the page. 3. If you press the back button in the navbar, or use the browser back button, or press escape — all options will take you back to the main product listing page. 4. If you reload the page while looking at a product, or someone sends you a link to a specific product, it still works! This is the best parts of a SPA and MPA mixed together. In the future, I can make this even better with View Transitions (I wasn't able to get the product animation just right, but if you can I'd love to see it!). I also took some creative liberties from the original design. The whole 1/2/3 size thing, where you needed to click the "?" to see SM/MD/LG was strange, so I just went directly to those sizes. Similarly, I prefered the more traditional style sheet/modal with the background color change, versus the full screen takeover. If you wanted to actually hook this up to Shopify now, you can swap the cart implementation with Next.js Commerce, which has all the APIs you need + optimistic writes 🔥 Should I make a video walking through the code?

Lee Robinson

148,937 Aufrufe • vor 1 Jahr

💐Spread Picoin 💐 🎉"When the wind changes direction, some people will build retaining walls, others will build windmills." - Chinese proverb - 👉When change happens, do you choose to be the one who builds walls or the one who builds windmills? Building a wall means refusing change and letting opportunities pass. On the contrary, building a windmill means you will adapt and make the best use of the situation. 👉Just like Pi Network, it is like the wind of a new financial revolution to replace the existing outdated system. It will bring you wealth and prosperity in the future, so do you want to build a windmill to receive the winds of innovation from it or build a wall to block it. 👉 Pi Network is creating a huge craze globally. Many people refuse to learn about it and judge it as a scam project. 👉Instead of sitting and making unfounded judgments, let's dive into it and learn about it. , harness the power of this "new breeze" and use it to your advantage, it will bring you a brighter, more prosperous future. 👉Be more open to upcoming opportunities. Embrace change and make it the key to your success. Don't let ignorance hinder a good opportunity to change your life 👉 👉Our pioneering mission is to collect as much information, trust and spread it to the community. PLEASE 👉 FOLLOW. I TO KNOW THE ACTIVITIES OF THE PI COMMUNITY. LIKE ❤️ AND RETWEET 🔄 TO PASS THE VALUE OF PI TO. COMMUNITY #PiNetwork #PiCoreTeam #GCV #Pioneer.

Quy Nhơn Bình Định

21,022 Aufrufe • vor 2 Jahren