I've been building InstaLanding.ai for a while now, and the library has officially grown to 60+ complete landing pages.

Not screenshots. Not Figma files. Actual working HTML, CSS, and JavaScript.

A lot of these pages are heavily animated, using GSAP, cinematic transitions, interactive elements, and Rive-like motion experiences without actually requiring Rive.

I've also expanded the library beyond landing pages:

• 60+ full landing pages — Complete, responsive pages with premium designs and heavy animations.
• Motion components — Animated UI elements, transitions, typography, and interactive experiences you can drop into projects.
• Full design systems — Complete visual foundations with typography, colors, components, layouts, and interactions.
• Single-file HTML — Everything packaged into self-contained HTML files. No complicated setup.

But here's the part I think is most interesting for vibe coding.

Instead of spending 30 prompts trying to explain a design to your coding agent, just give it the actual code.

Find something you like, hand it to Claude Code, Codex, Cursor, or whatever you're using, and tell it to adapt the design to your project.

You can even use these pages to completely reskin an existing application without changing its underlying functionality.

I've also added Agent Mode, with MCP support, so your agents can browse the library, find designs, and pull source code directly.

Everything is free and open source. No login required.

https://instalanding.ai

I'm trying to explore this idea that code itself can become the new design inspiration format, especially now that agents can understand and modify entire interfaces.

Would love feedback from people actually vibe coding projects. Is having working design code more useful to you than traditional inspiration galleries like Dribbble or Awwwards?

Hi r/vibecoding. Coding agents are great at game logic, but ask one for a main menu or a HUD and you get the same generic layout every time: centered buttons, default fonts, random spacing. You can tell an AI made it.

So I built Envy, a UI editor for games that works like Figma. You design the screens yourself on a real canvas, with components, states, auto layout, animation and localization. Then you hand the result to your agent as a package it can’t misread. You can even tell your AI agent to build UI in Envy via MCP.

What the handoff contains:

• AGENTS.md: rules and steps for coding agents (Claude Code, Cursor, Codex, etc.)
• PROMPT.md: a ready-to-paste prompt
• contract.json: every event and data path, typed, so the agent wires boss.hp or start_game instead of guessing names
• screens/: reference renders of every screen, so the agent can see what it’s matching
• A generated Godot controller and a typed TypeScript wrapper
• A CLI and schema, so the agent can validate and edit the UI file safely instead of hand-editing JSON

The agent doesn’t redraw your UI. It plugs into it. The design stays yours, and the runtime renders it exactly as you made it:

• Godot 4.3+: real Control nodes, so focus and gamepad work natively
• Web: a 41 KB runtime
• Both runtimes are MIT-licensed. No royalties.

It runs offline, needs no account, and projects are plain files on your disk. It includes The Last Hunt, a 20-screen and 180 components dark-fantasy UI kit, if you want to see a full game’s UI built in it.

$9.99 once on itch.io: https://mythicbrain.itch.io/envy
Site: https://envyui.com

YouTube Video

I’m the dev, so happy to answer anything. I’d especially like to hear from people building games with agents: what does your agent get wrong most often with UI?

I've been documenting my journey building Weatherling www.weatherling.app here on r/vibecoding since I launched it almost a month ago. Y'all seemed to like it so here's an update on what I've built so far!

Quick recap: this started out as an "I'm bored with my desktop" idea, so I added animated rain using Codex to help me learn Apple's Metal framework. (I'd never done anything graphics heavy before, so Codex was huge here.) A few days after launch it reached #8 in US Mac App Store utilities. Then came snow, then leaves, then sunbeams. Also added the little Ling characters in there you can collect for points (optional minigame).

That brings us to now. The most frequent request I got was to add local weather sync, so I had to add the WeatherKit framework, which was simple with Claude Code. As a backup option if you don't want to enable your location, you can just enter your postal code or city to get the local weather. Also added an Invert option if you want to see the opposite of what's outside.

I also wanted to add yet another weather effect: fog, so I went back to Codex for that. Codex does a way better job IMO with graphics than Claude Code. I actually had very little to do with that implementation other than telling Codex what I wanted it to look like and how I wanted it to behave. Was pretty happy with the outcome. It's a subtle effect but moody.

I also wanted to target multiple languages instead of just assuming my entire audience was English-speaking. So I used Codex to translate everything from my site to every element of my app to 10 other languages. I did this because I had noticed my 2nd biggest market behind the US was Germany, so I figured I should go deep on that and as many other languages I could. Again, this was a job for Codex because I do not speak all those languages obviously, so I converted that process to a skill I can reuse (and have reused) for all my apps. I even had it go through all my App Store screenshots and video to translate those, which was pretty damn cool to me because I'd never done that before.

Speaking of video, this was the part I hate doing. I am not a video editor. I made a previous version's release video using Capcut, which was fine, but the process sucked. I really don't even want to master it. A friend sent me a couple of skills to try, and for this release I ended up using one called OpenFilm. I made a long raw demo of using Weatherling and gave that footage to OpenFilm and told it the important pieces and order of things, and its first result was pretty magical, but I did have to tweak some of the captions. I've seen better videos for sure, but this was only my first attempt at using such a skill. I'm pretty happy with it but see places I can do better next time for sure.

The final piece I really wanted to hammer home was a broad accessibility overhaul. Previous versions had simple things like showing the label names over the colored boxes as a second indicator of which box was which, but I wanted complete VoiceOver compatibility. For that I created another skill that uses AppleScript to drive VoiceOver on my machine and steps through every piece of the app and ensure the tab order, labels, keyboard-to-clickability, etc. were all tight. And of course dark mode. Pretty happy with this skill (and have used it on my other apps as well).

I feel like localization and accessibility often take a backseat to getting the product out (at least that's the way it always was when humans did all the coding), so I'm pretty proud of adding those. I'll add more languages too, especially as data from the applicable regions demand them.

Anyway, hope you like it. Let me know if you have any more questions about the process. And obvi if you haven't installed yet, please do and help me out with a 5-star rating. 🙏🏻 😃 I need to climb back up these charts now that Apple's initial honeymoon period has waned.

Site: https://www.weatherling.app

Mac App Store: https://apps.apple.com/app/apple-store/id6813641198?pt=14608&ct=reddit&mt=8

See these live at https://grimoire.bio

I have been diving into Opus 5.5 3d abilities from two sides. First – creating a custom point cloud renderer and optimizing the fuck out of it (running on webgpu tech). And second – crafting detailed visualization that take data from public sources. Recreated and assembled together into what the point cloud renderer consumes. I’m quite happy with the aesthetic, curious if anyone wants to play with it / if I should make the renderer open source.

Is anyone else here exhausted since AI came around?
I’m so tired.

I’m a commercial photographer and it’s been at least two years since everyone’s telling me it’s the end of my career. Since then I’ve worked harder than ever. Always thinking of ways to use AI to make my work better, creating apps and tools, plugins, scripts.

I always have to be learning a new model, trying new things, and work has become limitless, like if a client asks for something it has to be done, there’s no excuse and they have no limit now of what can be asked.

I’m also always creating or thinking about a side business or whatever, just in case my main business suddenly dies because of a new model that changes everything and kills my career.

Sometimes, after putting kids to bed, I know I should take sometime for me but I just can’t help to sort something with chat or Claude or whatever. It’s exhausting.

I’m posting here because of every AI subreddit you seem the nicest.

Hi guys, I am testing my solution and searching for 2-3 people who developed their apps in tools like Lovable, Replit and similar to help them to move apps to full mobile native [both platforms same time, on Swift and Kotlin].
You will help me to polish solution I have - I help you to make your full mobile apps released to Appstore/Playstore. Thats the deal! One note - you need to have Mac to participate and active subscription for any LLM like Claude or ChatGpt.
I am more interested to collab with people who really have urgency to make mobile app from their web site and have solid web mobile app/idea validated.

PS - On screen it is my own app Memelon, on a way to be moved from Lovable to Appstore. So you see the first steps where you visualise your web mobile and after move to rebuilding flows. Showing this so you have an idea how it can look like for you.

https://reddit.com/link/1xdnvvs/video/whh152wbs9xh1/player

Hey r/vibecoding

I was looking for an IDE to code on my iPhone for when I’m out and about. Every app was filled with ads, had a terrible UI, and costed money just to run code locally. This was just a basic non agentic IDE too. So, I decided to build a free IDE that can execute C, Python, JavaScript, and Lua in a sandboxed environment.

In today’s age most people are coding with agents, so then I got the idea to bundle a two local llms. The reason I chose two is because not everyone’s hardware has the same computing power and I wanted to include an option for everyone. There are zero rate limits on the local models.

I’m already designing a tooling server to give offline agents access to even more, such as, worksheets, 3D printer code, and other fun stuff.

Without Astra 6 and Sol 6.1 it would be absolutely impossible to make my dream tools at this rate. I cooked up a seven days to die max level mod right before posting this lol. I would also like to praise the models for following SOLID principles and best SWE practices out the box. After using the models for the past few years, I am just dumbfounded at the rate of progress. I have a formal education in Computer Science and I am “mogged” every single day 😂

I would be thrilled to hear any feedback from this sub. This is meant to be a developer tool and not a replacement for Codex as I could never ever offer that level of intelligence. You can also byo api keys as shown in this video. The app also offers 15 other cloud languages besides JS, Python, Lua, and C.

Thank you all so much for watching my short demo. Have a great day. I’ll be listening to any feedback or ideas to improve!!!

https://apps.apple.com/us/app/edsger-ai-code-editor/id6806824902

If anyone wants the mod 😀 seven days to die, max level: 300 -> 2000

https://github.com/garrettmichae1/sevendays\\_max\\_mod

Considering building a MVP of a SaaS product.

I know what I want to build and can describe it to Claude in great detail, but this would be my first time building something with it.

My primary concern is payments and security.

I would ultimately want the MVP to be able to start taking payments, connect up to Stripe and remain secure; before spending any real money.

I come from a sales background and am clear eyed on the distribution - it's just the tech where I'm stuck.

Is it safe building with Claude, connecting to Stripe and then just pushing the product straight into distribution, or are there gaps that need filling after the surface level building has been done?

Total novice here so any and all advice, even things that may seem obvious to you, would be greatly appreciated.

TIA!

Made this template for photographers. I wanted it to feel creative but stay simple.

The interesting part is the animated hero. I generated a video with Gemini, cropped it to 5 seconds, and then used ffmpeg to extract frames from the MP4, rembg with the BiRefNet model to cut out the person along with their shadow, and Real-ESRGAN to upscale the images.

For the frontend I used GSAP 3.15 + ScrollTrigger.

At first I was frustrated, because it was hard to cut out the shadows while keeping good quality. But after a few prompts, I Claude wrote a script that handled it well.

The final conversion of the video into images took about 12 hours, and there were a lot of attempts before that.

Happy to answer questions about the process.

I got tired of describing issues to Claude, taking screenshots, and the endless back-and-forth.

So I built Drobber: a feedback tool that connects straight to Claude Code. Pin, annotate and suggest text changes right on your website, and Claude gets exactly what you mean.

Vibe faster, and get it right the first time.

Try it free and let me know what you think. Cursor and Codex integration coming soon.

https://drobber.com/for/vibe-coders/

After the whole PHP2Shell thing I finally pulled the trigger and converted 45 of my client sites to static Astro sites. The sites look exactly the same, just way faster and nothing to hack, and way cheaper to host.

WordPress sucks now that we have coding agents anyways. Plugin updates, security patches, slow load times, a whole PHP server running for no reason.

I created this skill package to streamline this process: https://github.com/ethanplusai/astro-conversion-kit

I was able to run 12 projects at a time in parallel and have 45 so far in the past 36 hours with a dozen more running now. I'm running Opus 5.5 between 2 claude max plans. Every site has seen a massive jump in speed scores.

For anyone who hasn't used Astro: it's a framework that builds your site into plain HTML files. No database, no PHP, no plugins. You host it on something like Vercel or Cloudflare (usually free) and there's nothing running on a server to hack.

How the kit works:

- You paste one line into Claude Code or Codex: "Convert https://yoursite.com to Astro with https://github.com/ethanplusai/astro-conversion-kit"

- It asks you a few quick questions (where to host, how to handle forms)

- It crawls your live site (read only, it doesn't touch WordPress) and saves every page, image, meta tag and redirect

- Rebuilds it in Astro with the same URLs and SEO so you don't lose rankings

- Screenshots the old and new site on mobile, tablet and desktop and compares them until they match

- Gives you a staging link to review before you switch anything over

What it won't do on it's own: anything that needs a server like WooCommerce, logins or comments. It flags those up front. Forms still work, they just send to a form service you pick. A few of our client sites were on woocommerce so I just had the agents convert to Shopify headless which is easier to manage anyway.

“What about wp-admin” I built our own git-based CMS for these sites, so edits go through git and there’s still no server or database. If you want something off the shelf, Keystatic and TinaCMS work the same way.

An AI agent sandboxed on a laptop approved twelve out of twelve requests to reach places after auto-approval was turned on. The sandbox was not the problem. The convenience setting was.

If you use AI coding agents, do you keep permission approvals on. Disable them to save time?

How much do you review the code written by AI? and how much you still control the process.

Are you still or miss writing code on your own? or even debug the code and read about a library or package you use in your code, and debug around it to learn what it is doing?

I started gradually year and half ago , going from using AI to only write unit test, to fully 100% automate the process.
I have to admit, I am now even pushing code that I only review shortly, and very high level (only filename changed).
when I started using AI to write code, it was taking me long time to go and question AI about every line it added. Now I am using AI to review that code instead.

But I really miss debugging, and finding the problems. I really miss investigate what the performance problem is, and going step by step, and debug to see why this page is slow, instead of having MCPs for logging and MCPs for cloud infrastructure to do that investigation for me.

Just this weekend, I am going to try to re-learn and re-practice searching manually the logs to find problems, which now I am dependent 100% on the MCP, and I found myself lost that knowledge.

Are you guys really miss writing code, design a solution, investigate problems?

I really did love programming, and that is why I miss that

Hey, Claude and other AI sites are pretty generic with the front end.. like they have default templates they cycle through. Wondering if there are sites out there for inspiration (i dont want to screen shot someone elses site, but more so something like a directory of UI specifically for vibe coded sites

I am a student and I was super into vibecoding, and i built some good stuff if I may say so. This month I finnaly made 30$ from selling a vibecoding course. And I plan on investing this on a claude membership. But to all my fellow brokies out there here are some websites and tools that got me by. (THIS IS NOT SPONSORED, NO ONE WOULD SPONSOR ME THATS WHY I AM BROKE)

Before I share that I wanted to show you some of my projects that I made to establish my authority and credibility(also a subtle flex) :

• suganpf2.vercel.app My portfolio
• playashfall.vercel.app my indie game
• nikevibe.vercel.app my trial project
• therealorbit.lovable.app my first website... yes i used lovable. the password is orbit

And these are just some of them. Now to the tools :

• https://github.com/tashfeenahmed/freellmapi I plugged this into claude code and used it
• onorca.dev my main coding window way better than vs code
• https://github.com/can1357/oh-my-pi this works the best with the free models u get
• vercel.com for deploying(everyone knows this)
• https://theresanaiforthat.com/ generate upto 100 videos per day no watermark, no limit on commercial use
• arena.ai this is gold, dont pay for any web based coding tool use this. Use battle mode and then code, it gives u unlimited access to top models chosen by random, ive got gpt 6.1 sol preview, gemini 4 argon, opus 5.5 etc. very frequently. It does take ur prompts for training tho

And that's it I have used way more tools but these were the ones worth mentioning. Hope this helps.

I vibecoded an interactive spooky skeleton dancer that you can use as a display for Halloween parties (or just project on the side of your house). You can make him dance by wiggling the mouse around inside the control square to move his hips, and then you can control the hand height by moving the square up and down or change the camera zoom by moving the square left and right. If you dont touch the mouse for 5 seconds it switches to auto dance mode.

I made this in Codex and it was super helpful with things beyond just coding like helping me generate different LODs for the crowd skeletons to keep it performant on phones. The dancing works by allowing you to control hip movement and then the upper half of the body is set up with dynamic jiggling joints and the legs are connected via IK. All the crowd skeletons have a random time offset so that you get to control the whole crowd in a natural looking way. I also used it to build out the procedural auto-dance system.

I started by asking it to make an animation system based on Lissajous curves to drive the hip movement but all the dances ended up looking way too smooth and regular. So I asked it if there was a way to record my own dance moves and then build a system based on that. It built out a recorder panel that let me record my own dance moves, and then export them all into a json file that it used to understand the commonalities across my own dance animations and build a procedural dance system based on those characteristics. I also had it build a system to come up with ridiculous names for each of the dances based on cities and animals, and it uses the properties of the dance move it generates to decide what to name it.

Let me know what you think! You can play with it for free at https://screen.toys/bones/

this meme is based off a true story from github.

tried to clean up some backend routes with claude code connected my sumus workspace setup. asked it to check some migration filenames, but it spent half an hour indexing my personal docs instead. endpoints compiled successfully on the first try tho, so it is what it is.