Compositor
Free open-source Photoshop-like compositor for Mac. 12MB. Layers, masks, healing, clone stamp. Built to drop Adobe.
Feature a build or sponsor the directory. DM @pranavmore69
Interfaces, type tools and design systems that exist as a site or a file you can open, not a Dribbble shot. 71 builds on this page, each with the original post.
Free open-source Photoshop-like compositor for Mac. 12MB. Layers, masks, healing, clone stamp. Built to drop Adobe.
Interactive fold study. Scrub black screen vs frosted glass, slow the motion, watch blur and snap. Playable.
Two Astra prompts, a reference video, and a product page. Playable React fold demo.
Warcraft 3 skin for the bb editor. Chained windows and dynamic lighting. Built in Astra.
A parametric card design tool, plus shaders and orbs. First-party from a Stripe design manager.
A paper-shop hero generated in Fable 5.1 in about ten minutes. First-party, with a live page.
Build live with a friend before you connect git, then publish to Vercel. First-party from Pablo Stanley.
Open-source UI component the author designed in Julius, then shipped as code.
Design your own Siri intent cards. A small kit the author built for his own app, then open-sourced.
Agent skill that turns any video into a scroll-controlled website.
Apple-native motion canvas for iOS and macOS. Export liquid-glass interactions in 4K.
Native macOS Liquid Glass overlay for drawing on any screen. Zero permissions. Open source.
Open-sourced 3D scroll-driven landing page. Whole codebase under 1 MB, so it actually loads instantly.
Make your own image grids. A polyptych tool after the site carousel got worse.
Free Aseprite extensions, including a normal-map generator that reads layer groups instead of a height map.
Text-swirling and other SwiftUI animations. Code in the public repo.
Aseprite extension that builds normals from layer-group arrangement instead of a height map.
Springy Astro portfolio template, built in a morning and open-sourced.
Daydream your ultimate watch collection.
Open-source render lab for doc animations. Upload, customize, export. Nuxt.
Steal the design: code and assets open-sourced.
A portfolio site for Nikita, because she didn't have one.
100 days of a street-food brand, as case studies.
UI kit from a builder's recent project dump.
Svelte animation playground. The post that pulled 3k likes; a whole suite of live demos.
Svelte table component, live demo.
Svelte UI blocks, live demo.
Svelte matrix effect, live demo.
Svelte particle effects, live demo.
Svelte effects playground on Cloudflare Pages.
Svelte agentation site.
AI UI elements for Svelte. Live demo.
Visual form builder for Svelte.
Earlier Svelte animation experiments, still live.
Open-sourced GPUI / creative-studio code.
Five interactive landing pages from Gemini 3.7 Flash plus Antigravity. Copy, images, video in one shot.
Gemini 3.7 Flash: screenshot to pixel-perfect UI, then live palette swapping with semantic Tailwind tokens.
Bootstrap styling with Tailwind syntax. 1.0 after two days on DeepSeek V4 Flash.
Make a Grok Bot-style mascot and export it as SVG animations. Playable in the browser.
Gallery of mid-century annual-report design, starting with General Dynamics 1967–1977.
Preview routes and screens of a complex app, plus PR diffs as before/after screenshots. Bluesky already loaded as a demo.
Experimental three.js record-label landing page, built with Claude Code and fully open-sourced.
Color picker you flip through like a record bin. Three.js, no image assets, palettes from the rack only.
Chrome extension: detect any site's stack, or answer a questionnaire and get an MVP stack blueprint.
React / Next.js / Tailwind UI library. Live demo on Vercel.
Open-source SwiftUI + Metal effects. Skill your agent can copy exactly, plus a demo app on the App Store.
Dev tool that finds and fixes broken SVG icons in your environment after Figma MCP imports scramble them.
Horror game in development. The newly optimized save and load menu keeps it minimal, with blur effects and lighting.
Figma plugin that fills designs with TMDB movie data so you can test layouts in different languages.
Started as a simple customizable board tool and grew into a playground for grids, diagrams and generative patterns.
A 15-second fictional luxury fragrance campaign generated entirely with Grok Imagine from two reference images.
Splits any AI-generated image into editable layers for subject, text, logo and background, so each piece can be restyled independently.
Turns a firm's design workflows into software. Describe the workflow, define the rules, and get an app that runs on your building model.
The Braun BC02 alarm clock rebuilt as a fully interactive web app with Claude Code.
A font viewer that just lets you look at the fonts you already have. No installing, no duplicate library.
Free tools for indie game developers: press kit builder, ad manager, asset generator, music generator and SFX creator.
Hang a lucky charm on your Mac. Small, playful desktop toy with extra interactions, more charms coming.
Free Framer portfolio template for designers. Bold type, editorial layout, CMS projects, remixable.
Beautiful fully animated website designed and built in just 8 hours using Claude. All scroll interactions and animations done in React.
Figma plugin for UI motion: select, pick hover/press/enter/exit/loop, customize, apply. Live on Figma Community.
Curated searchable library of design resources built for a Cursor community so agents and humans can browse and submit assets.
Custom internal tool built with Grok + Cursor that has already generated 1,200+ social visuals.
Open-source curated library of premium micro-interactions and transitions for React, installable via CLI.
Senior designer who stopped using Figma and built his own internal design tool instead.
Web font explorer that browses type by feel and property, not just a name dump.
Vibe-coded tool that redesigns your room using real furniture you can actually buy, with a full shopping list.
Figma plugin that instantly grids a pile of logos. Built after watching people do it by hand.
Turns the song you're currently listening to into a beautiful animated vinyl wallpaper for Mac.
Figma-style grids, rulers and draggable guides in the browser so you can check spacing without flipping back to Figma. Open source.
Design+Code founder open-sources 75 agent skills for web design, landing pages, motion, WebGL and UI, including Video to Super Prompt.
Open-source starter kit + UI component library + AI skills for building micro-apps for designers.
I built a Photoshop-like image editor. It’s called Compositor. robbietilton.com/compositor I originally built it for myself to get off my Adobe subscription, but decided to release it for free and make it open source. It has all the essential tools I need for compositing, with none Show more
Inspired by this fold animation, I built an interactive study. Black screen vs. frosted glass. Scrub through the motion, slow it down, and see how blur, shading, and endpoint snapping change the feel. Try it: iphone-fold-animation-study.vercel.app
绝了! iPhone Duo的设计灵感吗?
astra. 2 prompts. gave it a reference video and the product page. insane lmao react component btw github.com/jal-co/iphone-… iphone-duo.vercel.app
I made a Warcraft 3 skin for bb editor, because imo we're at the stage where things should be more fun. Chained windows and dynamic lighting all locked in. Used diffui for the design, then built it in Astra. github.com/jjcm/bbcraft
I always wanted to be a creative person who shared things I've made freely: So I'm working on it with some of the latest here: github.com/krispuckett/Sw… github.com/krispuckett/mu… github.com/krispuckett/mu… github.com/krispuckett/Si… Shaders, orbs, and a parametric card design tool.
I’ve been using Fable 5.1 to create a unique hero section for our website I think it’s really cool, and I generated it with a simple prompt in just 10 minutes You can try it too 👇
you can now create anything and see it live in @hiloslabs before connecting it to git... invite a friend, and ship something together at hilos.sh
I just made the whole code for component open-source. github.com/shubhu121/Lokk…
you can just design things, even if you're not a designer with the help of @juliusai
Design your own little SiriAI intent cards with this little jig I made for my own app. Pretty easy to setup and tweak to however you need. Let me know if this is helpful! github.com/krispuckett/Si…
tryprokinetic.vercel.app updates I just shipped allows you to export native liquid glass interactions in 4K just burned through my weekly limit so visuals land here early Tuesday
Its free and open-source Every Mac annotation tool I tried was ugly or wanted a pile of permissions. I just wanted to scribble on my shared screen. So I built Glint ✨ a native Liquid Glass palette to draw on any screen. Zero permissions. Open source. github.com/JeroenMoonen/G…
I open-sourced Nadir landing page codebase < 1 mb, so it loads instantly - kinda insane for a 3d scroll-driven experience! Live: nadir-livid.vercel.app Repo: github.com/rishabdesigns/… btw it took a ton of time, tokens & polish; so hit follow if you want more of these :)
I built a tool to make my own image grids from now. Try it here: tych.kiira.in
The new image carousel is the biggest UX downgrade in this site's history. There was an entire art form around 4x image polyptych, especially among Japanese photographers, who I learned a lot from stylistically. With 4 seen all together you create a mood, its very impressionist
Here’s a text swirling animation that I built with the #swiftui framework. I love spending time building random ideas and animations that pop into my head. For things like this, I honestly can’t imagine going back to UIKit. Code in my GitHub repo. github.com/Shubham0812/Sw…
I also made a little Aseprite extension — a normal map generator. Instead of generating normals from a height map, it uses the arrangement of layers within a group. The results are pretty interesting. #Aseprite
Here's a springy astro template I built this morning. github.com/fayazara/portf…
I made a website to help you daydream about your ultimate watch collection. Just a little proof of concept side project, what are your dream watches? watch-collection-designer.vercel.app
Just open-sourced Render Labs! There's still so much to improve on it and I have so many ideas, really hyped by this little side quest for evlog.dev github.com/HugoRCD/evlog/…
I've built a tool to create beautiful renders of evlog's doc animations. Of course, it went too far and it turned into a full render lab. Upload whatever you want, customize everything, and get clean exports. The UI still needs polish, but it's already producing great results
You can steal this design now - code, assets etc. Open sourced it for you - so create your own Link: github.com/amirmushichge/…
i saw Nikita doesn't have a portfolio website so i made one : nikita-bier.vercel.app
My portfolio is livee guys🎉💃 I'm looking for my next role in food/FMCG brand strategy and instead of just telling you what i can do, i built the receipts. Over 100 days of growing Jollof diaries in public. Case studies and the whole story here gbemisolad.netlify.app
projects i built in the past few months: - z-studio.vercel.app - lattice-doc.vercel.app - bounty-stack.vercel.app - pixel8-ui.vercel.app - who-wants-to-be-a-king.vercel.app - github.com/ANAS727189/Tru… - github.com/ANAS727189/San… - anas727189.itch.io/bolt + a few more on my GitHub👇 Show more
Didn’t expect the last post to get this much love. Thank youuu Everyone! ❤️❤️ More projects i built: Svelte AI Elements: svelte-ai-elements.vercel.app Svelte 4 Animations: old animation-svelte.vercel.app Svelte Form Builder: svelte-form-builder.vercel.app
wtf this is Crazyyy sv-animations.vercel.app sv-table.vercel.app sv-blocks.vercel.app sv-efferd.pages.dev sv-matrix.vercel.app sv-particles.vercel.app sv-agentation.com
Didn’t expect the last post to get this much love. Thank youuu Everyone! ❤️❤️ More projects i built: Svelte AI Elements: svelte-ai-elements.vercel.app Svelte 4 Animations: old animation-svelte.vercel.app Svelte Form Builder: svelte-form-builder.vercel.app
wtf this is Crazyyy sv-animations.vercel.app sv-table.vercel.app sv-blocks.vercel.app sv-efferd.pages.dev sv-matrix.vercel.app sv-particles.vercel.app sv-agentation.com
Didn’t expect the last post to get this much love. Thank youuu Everyone! ❤️❤️ More projects i built: Svelte AI Elements: svelte-ai-elements.vercel.app Svelte 4 Animations: old animation-svelte.vercel.app Svelte Form Builder: svelte-form-builder.vercel.app
wtf this is Crazyyy sv-animations.vercel.app sv-table.vercel.app sv-blocks.vercel.app sv-efferd.pages.dev sv-matrix.vercel.app sv-particles.vercel.app sv-agentation.com
code open-sourced here github.com/crabtalk/bezel
Tested the skills using Gemini 3.7 flash and Api check it out here : gemini-antif.vercel.app consists of 5 landing pages tried a 3d view also but gemini was unable
One prompt → your next landing page. We hooked up Gemini 3.7 Flash with Nano Banana and Omni in @Antigravity to build an interactive landing page from scratch, generating the copy, images, and video in a single shot.
Built something fun this weekend using the speed and UI precision of Gemini 3.7 Flash to go screenshot ➔ pixel-perfect UI ➔ real-time palette swapping. Normally figuring out the colours for apps is tedious and slow... No more ⚡⚡⚡
AI is just amazing for mundane things. I wanted the bootstrap styling with tailwinds syntax, ease and extensibility. 2 days with DeepSeek V4 Flash and I have a working 1.0 release. AMAZING! github.com/rip747/windstr…
This tool is insane! Create your own mascot in Grok Bot style. Export as SVG animations. Save it → bloub.vercel.app
been loving the aesthetics of the annual reports, so I built a gallery of them: annual-reports-gallery.vercel.app
I built this little app visualiser using Argent (by @swmansion). If you're building a complex app it's very useful to preview routes, screens and build a mental model of navigation. Here's it is with Bluesky already loaded in appmap-visualiser.vercel.app
I made a little experimental three.js landing page with Claude Code. And I’ve open-sourced the whole thing. Live: hxmzaehsan.github.io/last-train-rec… Repo: github.com/hxmzaehsan/las…
I built a color picker you flip through like a record bin. @threejs + a vanilla Web Component, zero image assets. The paper grain is 900 random flecks on a Canvas. Palettes only suggest colors that exist in the rack. Live: swatch-rack.vercel.app Code: github.com/finktheartist/…
just launched free tool , Before you build your next MVP, find out what your stack should be. I built Stackwise Find your tech stack as a free Chrome extension for two simple use cases: 1. Find the tech stack behind any website See what a website is built with in seconds: Show more
Btw guyzz, just launched my UI library CursorXUI on Peerlist Built with React, Next.js, TypeScript & Tailwind CSS. Would love to hear your feedback! If you like it, an upvote would mean a lot ❤️ Project: cursorxui.vercel.app Peerlist:peerlist.io/dhruvtripathi/…
Ask any model — Opus, Fable, Sol — to write these SwiftUI + Metal effects from scratch and you'll get something that looks close and feels wrong. Give it the source code and it replicates them exactly, then drops them into your own project. That's the whole idea behind Show more
i was sick of bringing designs in with the figma mcp where the icons would get all messed up or just wouldn't show up altogether. to fix this i built icon-audit, a dev tool that lets you find and fix svg icons right in your dev environment. check it out: samlimby.com/craft/icon-aud…
I’ve optimized the save & load menu! Built with minimalist UI, blur effects and lighting. It looks simple, but it took plenty of work to draw. Hoping it delivers a premium vibe. Easter egg: The save point glows red once all save slots are full. Did you spot it? 😎 #IndieGame Show more
Today in building my own tools just because: a Figma plugin to populate designs with movie data 🎬 Powered by the TMDB API Useful for testing layouts in different languages!
Built this tool a few months back just because I wanted customizable boards. kept adding more controls and properties to it and somehow it turned into a little playground for grids, diagrams and generative patterns.
Can AI create a luxury campaign that actually feels like a commercial? I built this fictional fragrance concept from two references: one product, one character. 15 seconds. One consistent visual story. NOIR ÉLAN — *The Last Detail.* 🎬 ✨ Created with Grok Imagine @grok
The City That Recognized Her 30 million faces in the city. Tonight, every screen showed hers. And then the drones started looking. ✨ Created with GPT Image 2.0 @ChatGPT Prompt below 👇 Create a cinematic dark cyberpunk scene at midnight in a gigantic futuristic megacity
Magnific just shipped Auto Layers 2.0, and it quietly fixes the most annoying part of AI image work. It splits any image into editable layers. Subject, text, logo, background, all separated automatically. You upload or generate an image, get every layer on its own, then move, Show more
Apps and App Builder are live in Snaptrude. Turn your firm's design workflows into software. Describe the workflow, define the rules, get an App that runs on your building model. Head to snaptrude.com to try it out
I built the Braun BC02 alarm clock as a fully interactive web app. Using Claude Code.
Made in @figma
I can't find it, so I built it. For years I wondered why there's no normal app to just look at fonts. No installing, no duplicate library. Just open and see what's inside. plkv.works/typetray
Every game needs a press kit, artwork, music, sound effects, and an ad campaign. We've spent years helping #indiegames launch and be discovered by players. We built the Tool Storefront to give developers self-publishing their own games the same tools. All five are live today, Show more
I built something for fun 😆 It's called LuckyDangle, and it basically lets you hang a lucky charm on your Mac 🧿 Check it out and show some love ❤️
Just launched Chamali™ — a free Framer portfolio template for designers, art directors and visual creatives. Built around bold typography, editorial layouts, CMS-powered projects and smooth interactions. Free to remix ↓ framer.link/u8NDOKB
the new Space website. I designed and built it in 8 hours with Claude. really happy with this one. every animation, every scroll interaction etc was done in React. the process was mostly describing what I wanted, saying what felt wrong, check output, repeat.
It’s live! I just launched Animate This UI on Figma Community. A Figma plugin I’ve been building to make UI motion simpler: Select → Choose interaction → Customize motion → Apply Hover. Press. Enter. Exit. Loop. Stagger. Float. Pulse. Breathe. Bounce. Spin.
I'm part of a Cursor design WhatsApp community and we keep sharing design resources that get lost in the chat. So I built a small curated library that you (or your agent!) can browse, search and submit. community-resource-library.vercel.app
Not my usual game dev post, but in my day job as a Product Designer, I’ve gradually transitioned into more of a builder role, creating tools for my team. A few weeks ago, I built a simple Design Canvas tool using Grok 4.5 in Cursor. It generates visual designs for social media Show more
Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful dither graph ,card hovers,interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it: amicro.vercel.app
Frank Bach hasn't opened Figma in a month because he built his own tool. Brian Lovin went back to Figma and dialed the AI way down. Honestly love both of these. I went the third way: I use Figma/Paper and creative direct Claude with it. New screens, prototypes, design files, all Show more
Built a web font explorer that works the way I think about type, by feel and property. font-selector-phi.vercel.app
Someone vibe coded an AI interior tool that redesigns your room using furniture you can actually buy, with every piece linked to a real product and a full shopping list in the sidebar. x.com/om_patel5/stat…
Made a Figma plugin to instantly grid those logos
i built an app that turns the song you're listening to into an animated vinyl wallpaper vinylformac.com
My biggest pain point when building from Figma was checking whether the final UI actually matched the intended grid, spacing, and alignment. I kept switching between Figma and the browser and still ended up eyeballing it. So I built GuideFrame: Figma-style grids, rulers, and Show more
I'm open-sourcing my Agent Skills library. 75 skills for Codex, Claude Code, Cursor, and other agents, focused on web design, landing pages, motion, WebGL, UI styles, and assets. A few favorites: - Video to Super Prompt Turns a screen recording of a design, landing page, or Show more
We called it Toolcraft. A starter kit, UI component library, and set of AI skills for building micro-apps for designers. Hopefully, it will be released this week together with a new YouTube video featuring a full tutorial. Although maybe we should call it a “short,” because the Show more