Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

I feel like this could be turned into a cool hero effect for a component library site. Where you move your cursor to tear between the design and the code.... 🤔

mattrothenberg's profile picture

matt rothenberg

4,440 subscribers

40,080 Aufrufe • vor 3 Monaten •via X (Twitter)

KunstBildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)
0:11

introducing: gooey effect component for Framer use this component to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)

Framer University

25,553 Aufrufe • vor 1 Jahr

introducing: elastic line component for Framer use this to add a wobbly, spring-like line that interacts with your cursor, bringing a playful vibe to your website.. comment 'ELASTIC' and i'll send you the component :)
0:13

introducing: elastic line component for Framer use this to add a wobbly, spring-like line that interacts with your cursor, bringing a playful vibe to your website.. comment 'ELASTIC' and i'll send you the component :)

Framer University

20,360 Aufrufe • vor 1 Jahr

introducing: interactive 3d image distortion for Framer add a smooth distortion effect to your images that reacts to cursor movement—perfect for giving depth and interactivity to your designs. comment "DISTORT" and i’ll send you the component :)
0:10

introducing: interactive 3d image distortion for Framer add a smooth distortion effect to your images that reacts to cursor movement—perfect for giving depth and interactivity to your designs. comment "DISTORT" and i’ll send you the component :)

Framer University

18,691 Aufrufe • vor 10 Monaten

If you’d like to use this beautiful effect that Material Design has brought into our lives, grab the code from the link 🫡. Bundui Code:
0:17

If you’d like to use this beautiful effect that Material Design has brought into our lives, grab the code from the link 🫡. Bundui Code:

Toby

15,402 Aufrufe • vor 7 Monaten

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?
0:10

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?

Charlie Clark

146,455 Aufrufe • vor 1 Jahr

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)
0:13

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)

Framer University

26,754 Aufrufe • vor 1 Jahr

Michael Arnaldi suggested cloning the effect repo as a git subtree, giving it to Claude, then using that as docs It sounds absurd, but it's actually kind amazing lol Setup a custom OpenCode agent that has all the context on where the files are then it kinda just works I feel like this could definitely be refined but idk if I even care enough. Stuff like cursor/opencode/claude code is already so good at searching codebases that I don't really care to do anything more
0:12

Michael Arnaldi suggested cloning the effect repo as a git subtree, giving it to Claude, then using that as docs It sounds absurd, but it's actually kind amazing lol Setup a custom OpenCode agent that has all the context on where the files are then it kinda just works I feel like this could definitely be refined but idk if I even care enough. Stuff like cursor/opencode/claude code is already so good at searching codebases that I don't really care to do anything more

Ben Davis

112,524 Aufrufe • vor 8 Monaten

Imagine if with a single button press, you could turn your child's sketches into a real 3D hero using AI. That would be incredibly cool!
0:12

Imagine if with a single button press, you could turn your child's sketches into a real 3D hero using AI. That would be incredibly cool!

Taras

752,172 Aufrufe • vor 2 Jahren

Damn near shed a tear. While in theory he shouldn’t be the one having to dive for loose balls at his age, I promise you stuff like this matters. It has a trickle down effect on the team. Unbelievable.
0:18

Damn near shed a tear. While in theory he shouldn’t be the one having to dive for loose balls at his age, I promise you stuff like this matters. It has a trickle down effect on the team. Unbelievable.

Richard Staple, BSN, RN🇯🇲

55,061 Aufrufe • vor 4 Monaten

I made a Chrome extension that turns localhost into a visual editor for Cursor. Click any element on your dev site → describe what you want changed → it automatically sends the edit request to Cursor in the background with the element context. Here's how it works...
0:18

I made a Chrome extension that turns localhost into a visual editor for Cursor. Click any element on your dev site → describe what you want changed → it automatically sends the edit request to Cursor in the background with the element context. Here's how it works...

pav

968,219 Aufrufe • vor 9 Monaten

So lemme show you what i am working on rn Klick (might change the name later) It’s basically gonna be a cursor click animation library, you will be able to add really cool click animations to your cards, pages, and components with just one CLI command. And this is the homepage i designed for it, tell me how it looks This project is gonna be crazy, i have spent a lot of time making sure everything feels really polished and good, just wait till i complete it, it’s gonna be insane
0:17

So lemme show you what i am working on rn Klick (might change the name later) It’s basically gonna be a cursor click animation library, you will be able to add really cool click animations to your cards, pages, and components with just one CLI command. And this is the homepage i designed for it, tell me how it looks This project is gonna be crazy, i have spent a lot of time making sure everything feels really polished and good, just wait till i complete it, it’s gonna be insane

Devster☄️

160,763 Aufrufe • vor 1 Monat

🎉 introducing: magnetic hover for Framer use this to create a smooth, magnetic pull effect that adds an interactive touch to your designs. comment "MAGNETIC" and I'll send you the component :)
0:13

🎉 introducing: magnetic hover for Framer use this to create a smooth, magnetic pull effect that adds an interactive touch to your designs. comment "MAGNETIC" and I'll send you the component :)

Framer University

20,980 Aufrufe • vor 1 Jahr

good animations are hard to find so i turned into a library ⚡️ looking for more to upload, so feel free to share under
0:19

good animations are hard to find so i turned into a library ⚡️ looking for more to upload, so feel free to share under

Fabian

72,360 Aufrufe • vor 1 Jahr

FREE template built in Framer ✨🖱 Uses a cool cursor effect, 100% built in Framer Comment "Framer" and I'll send it to you 👇 (must be following so I can DM you)
0:13

FREE template built in Framer ✨🖱 Uses a cool cursor effect, 100% built in Framer Comment "Framer" and I'll send it to you 👇 (must be following so I can DM you)

Ryan Hayward

28,303 Aufrufe • vor 3 Jahren

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)
0:17

Claude Design + Shopify is f*cking ridiculous 🤯 You can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)

Mike Futia

56,432 Aufrufe • vor 2 Monaten

Trailing images effect in Framer Paul Lapkin was asking this effect in Framer. I found it's interesting and replicated it as a component with some animation customizations. Feel free to copy and use it your project 🙌
0:14

Trailing images effect in Framer Paul Lapkin was asking this effect in Framer. I found it's interesting and replicated it as a component with some animation customizations. Feel free to copy and use it your project 🙌

Duy Luong

47,151 Aufrufe • vor 3 Jahren

made a 3D cat that's obsessed with your cursor i feel like the cat in some ways as i build this what should i replace the cursor with? a laser pointer? treats? made with claude & three․ws
0:16

made a 3D cat that's obsessed with your cursor i feel like the cat in some ways as i build this what should i replace the cursor with? a laser pointer? treats? made with claude & three․ws

nich

62,878 Aufrufe • vor 1 Monat

I ABANDONED LOVABLE AFTER SEEING WHAT CLAUDE CODE CAN ACTUALLY DO basic generators are great for quick ideas but trying to build a premium site with Lovable feels like playing in a sandbox I gave Claude Code a few custom design skills instead 4 minutes later it built a premium design they would have quoted me $7,500 for the difference between generic templates and a skilled local agent is literally worth thousands grab the full guide below 👇
0:14

I ABANDONED LOVABLE AFTER SEEING WHAT CLAUDE CODE CAN ACTUALLY DO basic generators are great for quick ideas but trying to build a premium site with Lovable feels like playing in a sandbox I gave Claude Code a few custom design skills instead 4 minutes later it built a premium design they would have quoted me $7,500 for the difference between generic templates and a skilled local agent is literally worth thousands grab the full guide below 👇

Mr. Buzzoni

176,242 Aufrufe • vor 19 Tagen

Today was my last day at Magic Design Studios. I met super cool and talented people, and I feel like I learned a lot! It's time to move on, and work full time on this game! #indiedev #gamedev #indiegame #madewithunity #unity3d #pixelart #ドット絵
0:13

Today was my last day at Magic Design Studios. I met super cool and talented people, and I feel like I learned a lot! It's time to move on, and work full time on this game! #indiedev #gamedev #indiegame #madewithunity #unity3d #pixelart #ドット絵

Alexandre Kadri

28,317 Aufrufe • vor 3 Jahren