Imagine a multi-tiered object with draggable size changes -... adjusting height and width freely, with smooth animations that reveal or hide details as it resizes. Created in Rive Try it:show more

Introducing the Ticker Effect. A new way to create... continuous, looping animations in Framer. Add it to any Stack or CMS List, make it draggable, combine it with other Effects, and customize it per Breakpoint. We think you’ll love it. Now in Framer.show more

most AI video tools do one thing okay and... everything else terribly. I gave Wizstar AI a single photo and it built a full marketing video with lip-synced voiceover, translated it into another language, and kept the same character across every scene. Try it → here's a demo I made by myself and I got surprised: → no product distortion or unwanted changes → smooth motion without lag or deformation → consistent product appearance, details, and brandingshow more

Meet the Draw SVG Page Transition Template. It animates... an <svg> path with a smooth draw effect, then wipes it away to reveal the next page. Replace the path with your own and experiment freely. Part of the Osmo Page Transition Course 🔗show more

SplitPaneKit This is something I've wanted to componentize for... a while. We've seen this pattern appear in a few apps now, I even use it at Abode. It has a couple "gotcha" moments with performance and optimisation while animating separate or child views with the drag and translation of the split views, handling breakpoints etc, I thought I'd put it into a nice package. I actually made quite a few optimisations from how I handle this with Abode in this package. So might need to implement it over there😅 As before, right now its UIKit only, but SwiftUI host will likely come over the next few days as I make improvements and final changes to the initial API from feedback. - Draggable split-pane interface - Custom breakpoints or built-in presets - Scroll view integration - drag from content or handle - Coordinated animations with pan-effecting views - UIKitshow more

A new combobox component is coming to Dub.co soon:... ◆ Keyboard-friendly ◆ Blazing fast ◆ Smooth height-aware morphing ◆ Multi/single-select support Built with CMDK + Radix by WorkOS Popover by the 🐐 Tim Wilson and it will be fully open-source 🤩show more

The New Jerusalem, the dwelling place of the righteous... after the Apocalypse, is described as measuring 12,000 stadia. That equals roughly 1,500 miles (2,400 km) in length, width, and height. If compared with the continents, it would stretch roughly from New York to Texas, or across much of Europe. The New Jerusalem is described as a golden cube, symbolizing the alchemical process of purifying the soul and transforming ore into gold, or the black cube into gold. It is the dwelling place of God, where Enoch also walks. I made a simulation showing the size of the cube, but in my opinion, the New Jerusalem is a spiritual place.show more

I created a prompt library for the new GPT... image API. I vibe coded it this morning with Replit Agent. It allows me to save prompts as well as run multi-variant generations. The app supports batch uploads and has some other cool features: - Auth with Replit Auth - Object Storage for images - DB for users / prompts / sessions - Image compression for efficiency - Parallel calls to OpenAI for image genshow more

Seems like a good opportunity to share a trick... I used on the React Aria website to make headings scale to fit the viewport on mobile, even with SSR. I used fontkit, a library I wrote 10 years ago to parse fonts and layout glyphs, to measure the width of the heading at build time in the "em" unit. width = font.layout('DateRangePicker').advanceWidth / font.unitsPerEm This is a size independent measurement using the font's internal metrics. When multiplied by any font size, you get the pixel width of the text. To calculate the font size, set this as a CSS variable and divide the target width (100vw minus padding). Clamp to make sure it doesn't get too big or small. font-size: clamp(35px, (100vw - 32px) / var(--text-width), 55px) And tada! You have perfectly scaling text no matter the viewport size. 🎉show more

Previewing one of the new features I'm building for... Three Blocks: Making multi-angle object photography interactive: rotate and explore it in real time. Views and depth are streamed as compact video atlases, decoded with WebCodecs, then depth-warped and blended in WebGPU.show more

TRY THIS GROK IMAGINE PROMPT Perfect for cinematic time-lapse... videos: “Time-lapse of a futuristic city evolving from empty land into towering skyscrapers over decades. Seasons rapidly changing, people and vehicles speeding by. Smooth day-to-night transitions. Final wide pull-back reveal at night with glowing city lights. Cinematic, inspirational style, dynamic motion, uplifting mood.” Drop it into Grok Imagine and watch a city timelapse in seconds Great for visual storytellingshow more

We're releasing MuScriptor, the best open model for multi-instrument... transcription to date, created in collaboration with Mirelo. Give it a recording in any genre: pop, classical, metal, jazz, whatever, and it transcribes the individual instruments into MIDI. Link in 🧵show more

🎉 Mesh2Motion Release 10 Out 🎉 - Spider and... Snake rigs with 16 animations - Simple bone positioning to snap to mesh instead using a 3d transform widget - Many other small improvements Check out the full release 10 notes with all changes: Try it out and any feedback welcome:show more

Show this animation to your kids and see how... much they enjoy it. It was created using one of my Midjourney styles and animated with Seedance 2.0 in TopviewAI If you'd like to learn how to create animations like this, I'd love to welcome you as a subscriber.show more

Gravitational lensing, also known as an Einstein ring This... occurs when the strong gravitational pull of a massive object warps spacetime around it so much that light and other forms of electromagnetic radiation are deflected from a straight path. For example, animations show how a black hole passing in front of a galaxy distorts its visible image. An object with such a powerful gravitational pull is called a gravitational lens.show more

Gravitational lensing, also known as an Einstein ring This... occurs when the strong gravitational pull of a massive object warps spacetime around it so much that light and other forms of electromagnetic radiation are deflected from a straight path. For example, animations show how a black hole passing in front of a galaxy distorts its visible image. An object with such a powerful gravitational pull is called a gravitational lens.show more

Seeing a bear up close changes your whole opinion... about surviving an attack. You notice the size, the power, and then you see those claws, not in a movie, not on TV, but right there in front of you. That's when it hits you, if that bear decides it wants you, you're not negotiating, outrunning it, or winning a wrestling match. You're just hoping it changes its mind. ✌️show more

Get beautiful text animations. We built a hand-crafted collection... of text animations and wrapped them as a SKILL for your AI agent. Use it with Remotion, Motion, GSAP, WAAPI, or any animation library. It comes with clear animation specs - pacing, curves, transitions - so your output looks great from the first prompt. Install it with: npx skills add pixel-point/animate-text --skill animate-text Use it /animate-text apply soft-blur-in to hero section textshow more

Vibe coded an infinite 3D tunnel scroll using Three.js... with object pooling and GSAP animations, all created with Google Gemini 3 Pro AI in under 30 minutes :D It’s a fully procedural, mathematically generated world that renders endlessly as you scroll up and down without eating your device memory (that's what at least AI said 😆) Live: Code: now returning to the job that funds my ability to overwork myself :)show more