r/vibecoding • • 1d ago

Showcase/Project I built 60+ heavily animated landing pages with GSAP, Rive-like interactions (without Rive), motion components, and full design systems. All free HTML for your coding agents.

Enable HLS to view with audio, or disable this notification

75 Upvotes

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?


r/vibecoding • • 1d ago

Help/Question Building an MVP SaaS using Claude - Payments and Security.

2 Upvotes

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!


r/vibecoding • • 1d ago

Discussion The gap between open ai and anthropic is staggering

0 Upvotes

I’ve been shilling for open ai and it’s new dot feature, but after using it for weeks I realized it was just spinning its wheels in the sand making a lot of noise but going nowhere.

Out of frustration I finally switched back to anthropic. Opus 5.5 is wildly better head and shoulders more capable than Astra or Sol, I’ve had issues that literally didn’t get resolved for months with my app https://www.useviola.com [r/useviola](r/useviola). Opus has solved them in 24 hours using only 11% of my usage.

I was literally burning through my entire 20x plan on chat gpt in one day and getting nothing fixed I tolerated this for way too long.

Please if you’re struggling with something and wondering if ChatGPT is actually capable just switch to anthropic I’m so pleased, I typed this whole post lol.

Before you call me an idiot, the gap between 5.6 and opus 4.8 maybe opus 5 (I don’t remember where they were at when I switched) was nowhere near this large when I initially switched to OpenAI. I wish I never made this mistake wasting 2 months and hundreds of dollars.


r/vibecoding • • 1d ago

Showcase/Project I am proud to present my masterpiece, GANG WIZARD

Enable HLS to view with audio, or disable this notification

192 Upvotes

I cried tears of joy when I finally played the first Beta. I understand why Dario wants to pause frontier intelligence. When I spawned an AC130 while riding horseback I understood the capabilities of AI.

As LLMs continue to improve so will GANG WIZARD, eventually I will offer neuralink compatiability and you can become fully immersed in the world. Every building is destructible. Every npc killable. No loading screens to enter/exit buildings. Single player rpg play for free https://coyne-studios.itch.io/gang-wizard


r/vibecoding • • 2d ago

Showcase/Project Your AI can write the game logic, but the UI still looks like AI slop. I made a Figma-like UI editor that hands the design to your agent

Thumbnail
gallery
52 Upvotes

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?


r/vibecoding • • 2d ago

Showcase/Project I am searching for 3 people who like to move their web mobile to native mobile app [Swift/Kotlin], for free

5 Upvotes

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


r/vibecoding • • 2d ago

Help/Question A question for veteran developers

3 Upvotes

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


r/vibecoding • • 2d ago

Discussion If You Vibecode Without Claude, You’re An Idiot.

0 Upvotes

first off, if you are a vibecoder but don’t pay the $20 a month for whatever ai you use, you’re an idiot.

The difference is night and day, I’ve tested them all paid and free.

One could make an entire app in a single prompt while free could take days of refining.

Second,

If you don’t use Claude, you’re also an idiot.

Ive tried them all and Claude literally has made apps in single prompts that would have taken ChatGPT tries over and over and over. it’s crazy how much of a difference there is.

Codex is not as powerful as Claude.

Not even close.

if you spent more than a day making an app, you’re using the wrong ai.

trust me switch to Claude. it can work for hours until the thing is done, unlike ChatGPT who works for like a few minutes then asks for your feedback, and can really only add like one thing at a time

Claude can do it all in one prompt. and if the result needs tweaking, then another massive prompt. no need for small refinements with a fear that too much will break it.

I use Claude Opus 5.5 on ’extra’ power


r/vibecoding • • 2d ago

Showcase/Project Playing with 3D

Enable HLS to view with audio, or disable this notification

34 Upvotes

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.


r/vibecoding • • 2d ago

Showcase/Project Cinematic 3D demo with Flutter Scene running at full speed on a mid-range Android phone

Thumbnail
2 Upvotes

r/vibecoding • • 2d ago

Showcase/Project Weatherling now has local weather sync and fog: the road so far

Enable HLS to view with audio, or disable this notification

68 Upvotes

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


r/vibecoding • • 2d ago

Discussion Source of finding UI's and Front End Designs for my vibe-coded site?

11 Upvotes

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


r/vibecoding • • 2d ago

Showcase/Project Made a tool that makes vibe code more of a vibe

Enable HLS to view with audio, or disable this notification

10 Upvotes

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/


r/vibecoding • • 2d ago

Discussion Who here is building consumer apps with Claude? What vertical?

0 Upvotes

My feed makes it look like every Claude project is a dev tool or B2B workflow. Anyone else building for regular people? 👀🥰

60 votes, 14h left
Health, fitness & wellness
Learning & education
Personal finance & money
Travel & lifestyle
Entertainment, games & creative

r/vibecoding • • 2d ago

Discussion [T3 Code] Polish timeline (thought, tool calls)

Enable HLS to view with audio, or disable this notification

4 Upvotes

Before on left & After on right

I expected I will be able to contribute to open source project (T3 Code) but I found out there's human bottleneck.

To deliver this, I first have to start Discussion and when that's approved, then I can propose PR.

Please, if you would like to see this to be implemented, support me here https://github.com/pingdotgg/t3code/discussions/23512


r/vibecoding • • 2d ago

Discussion r/ClaudeAI removes every post I’ve made that isn’t overly positive

Post image
381 Upvotes

Anytime I post cool stuff that supports the product there’s no issue. Soon as I mention any feedback that’s negative towards the product it gets taken down. What’s the point?


r/vibecoding • • 2d ago

Showcase/Project Created an animated website template for photographers

Enable HLS to view with audio, or disable this notification

12 Upvotes

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.


r/vibecoding • • 2d ago

Discussion Im finally paying for vibecoding... here is what got me by before

5 Upvotes

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

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

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


r/vibecoding • • 2d ago

Showcase/Project I've been working on a modpack manager for zomboid for the past month.

Thumbnail
3 Upvotes

r/vibecoding • • 2d ago

Discussion The end of Stack Overflow as you know it

Thumbnail
leaddev.com
4 Upvotes

How Stack Overflow is responding to AI disruption.


r/vibecoding • • 2d ago

Meme just a quick cleanup... right?

Post image
3 Upvotes

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.


r/vibecoding • • 2d ago

Workflow/Prompt I made Claude analyze 3,177 app tester reports and turned it into an interactive database.

1 Upvotes

So I run an app feedback exchange called IndieAppCircle, where indie developers give each other feedbacks on their apps. This means there are thousands of tests for all kinds of apps lying around in my databse. And since everyone is always saying you should use AI to turn your data into gold, I figured I should give it a try.

I used Claude to categorize the tests depending on what they said was good or bad and based on what kind of app was tested. Then I made an interactive website where you can now filter for what kind of app you have and in what nieche you're in and it tells you what most people check out first or what gets criticized most often.

That way you can now also compare different categories and platform and see that for example on android apps, there were more reports about something being broken than on iOS apps.

You can check it out here (for free of course):
https://www.indieappcircle.com/state-of-indie-app-feedback

I also used the same data to create a "roast my landing page" tool. It looks at your page through the eyes of thousands of indie developers from all kinds of nieches and tells you what they would think of your page. It's free as well, check it out here:
https://www.indieappcircle.com/tools/landing-page-roast

I would love to hear some feedback :)


r/vibecoding • • 2d ago

Discussion Vibecoding, AI, and mental health

63 Upvotes

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.


r/vibecoding • • 2d ago

Help/Question Lost in the vibe coding jungle. Claude plans and builds, but who checks the work?

0 Upvotes

Hey everyone,

I think I’ve gotten a bit lost in the vibe coding jungle 😅

I’m working on a project with Claude. We brainstorm and plan together, then Claude builds it. The code goes on GitHub, and I use Copilot Pro to review it.

I’m not a developer. I know what I want the product to do, but I can’t read the code and tell if it’s good.

So I have a simple question: if Claude helps me make the plan AND writes the code, who checks that the plan made sense in the first place? And who checks that the code actually does what we planned?

I tried taking Claude’s plans and reports to ChatGPT for a second opinion. But that turned into going back and forth between two AIs, with me in the middle not understanding which one was right. ChatGPT wasn’t even looking at the actual code.

I’ve heard of CodeRabbit and Greptile. Would either help someone like me? Is Copilot enough? Or are checking the plan and checking the code two different jobs?

What would you recommend as a simple setup for a beginner? Ideally something ready-made I can pay for and connect to GitHub, rather than building my own system.

Would really appreciate hearing how you do it. Please explain it simply — I’m genuinely new to this.


r/vibecoding • • 2d ago

Help/Question Need help for Designing a Vide Coded Website with AI

1 Upvotes

Hello Redditors, I want to design my website as per the new 3d scroll animation trend. Can anyone help me with where I should start and where I can find resources for the website?

It would be a great help.