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.... 🤔show more

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 :)show more

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 :)show more

The best UI components ready to use, save this... 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?show more

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 :)show more

I keep seeing the same pattern with Three.js games,... shaders, p5.js, and now 3D UI. Give a coding agent a strong reference, the live URL, and the source repo. It can study the mechanics, recreate them, and give you a working place to experiment. For this one, I turned a Trevor Noah-inspired book interaction into fictional manuals for Codex, Claude Code, and Cursor. X post: GitHub: Original site:show more

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:show more

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?show more

I cloned the SpaceX site with Grok Build and... Firecrawl. The new design cloner workflow in the Firecrawl CLI packaged the full page and 250+ artifacts into a design,md for the agent to build from. Great starting point for designing off any site you like.show more

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 :)show more

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 moreshow more

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!show more

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.show more

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...show more

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 insaneshow more

🎉 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 :)show more

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

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)show more

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)show more

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 🙌show more