Comments URL: https://news.ycombinator.com/item?id=47932896

Points: 1

# Comments: 0

Comments URL: https://news.ycombinator.com/item?id=47741916

Points: 1

# Comments: 0

We offer lifetime licenses, which we treat as a source of capital to continue developing Shuffle. Some people see that as a potential downside, but we see it differently. It allows us to maintain full control over Shuffle's direction.

The Shuffle Editor has been on the market for over six years, and the majority of our customers use subscription plans (monthly or annual).

AI Website Redesign is a supporting tool for Shuffle. You can use it to explore different design directions without ever opening the Shuffle Editor, but I don't expect that to be the main use case.

Most users start with Shuffle here: https://shuffle.dev/new

Comments URL: https://news.ycombinator.com/item?id=47255221

Points: 8

# Comments: 3

We built a different kind of AI benchmark for UI generation.

Instead of static leaderboards or curated screenshots, you can watch multiple models generate the same design live, side-by-side, and decide which output is actually better.

Under the hood, we call AI models from Anthropic (Opus), OpenAI (GPT), Google (Gemini), and Moonshot AI (Kimi).

Each model generates a real, editable project using Tailwind CSS (not screenshots or canvas exports). You can export it for Next.js, Laravel (Blade), Symfony (Twig), WordPress, or plain HTML.

What we noticed building this:

* Popular benchmarks don't reflect UX/UI quality. For a different prompt, one model is better than another (that's why live comparison on a single screen matters).

* Some models overuse wrappers/div soup. Some hallucinate layout constraints.

* Kimi likes Cyrillic, even if all other models won't use it for the same prompt.

The interesting part wasn't ranking models. It was making their outputs easier for humans to compare visually.

Short demo: https://www.youtube.com/watch?v=RCTZlvqMQdc

Curious whether this feels more useful than traditional leaderboard-style AI benchmarks.

Happy to answer technical questions.

Example for HN:

Prompt: Redesign the Hacker News website for 2030, including sample entries that could realistically appear on the platform in that year.

Results: https://shuffle.dev/ai-design/Tjjy7XAFMq25AI

Previews:

Opus: https://shuffle.dev/preview/d6d5ba4eeede381cee7e30c697f010c7...

GPT: https://shuffle.dev/preview/f050359977c1d6dc6c8fc104a24b83c3...

Gemini: https://shuffle.dev/preview/eab78f9748a6d8ccecb94a8b0390f044...

Kimi: https://shuffle.dev/preview/394bb596a8efa50342db4dc88c5f9fab...

Comments URL: https://news.ycombinator.com/item?id=47135831

Points: 2

# Comments: 0

Example:

https://shuffle.dev/ai-design/t7-wkZU73EOcHw

Unlike Design Arena, our tool lets you watch projects being generated live, choose the best result, and refine it visually before exporting directly to Next.js, Laravel, or a WordPress theme.

Comments URL: https://news.ycombinator.com/item?id=47125177

Points: 2

# Comments: 1

They’re reportedly at ~$100M ARR, implying about $8.3–8.5M in monthly revenue (ARR = last month * 12).

At the same time, they claim to have processed 147T+ tokens. For context, pricing that volume on something like Sonnet 4.5 would come out to roughly $500M in API costs. They likely offset a chunk of that with open models, but for higher-quality outputs, they’re still paying meaningful amounts to Claude / OpenAI / Google.

Hard to make those numbers work without a lot of capital or an exit.

Each component is not just a pretty mockup! You can instantly preview it, open it in the visual editor, and export clean, editable code. Compatible with Tailwind CSS, Bootstrap, Bulma, and shadcn/ui.

Export formats include HTML, JSX, TSX, Pug, Laravel, and Next.js.

I'd love your feedback! What parts feel strong, what feels off, and what else should be here?

Comments URL: https://news.ycombinator.com/item?id=45086997

Points: 2

# Comments: 1

UI Components are organized by category, including hero sections, navigation bars, forms, cards, testimonials, footers, and many more.

Each component is not just a pretty mockup! You can instantly preview it, open it in the visual editor, and export clean, editable code. Compatible with Tailwind CSS, Bootstrap, Bulma, and shadcn/ui.

Export formats include HTML, JSX, TSX, Pug, Laravel, and Next.js.

I'd love your feedback! What parts feel strong, what feels off, and what else should be here?

Comments URL: https://news.ycombinator.com/item?id=45072452

Points: 4

# Comments: 4

// In this one, Gemini doesn't understand what "cinematic" is

"A cinematic underwater shot of a turtle gracefully swimming in crystal-clear water [...]"

// In this one, the reflection in the water in the background has different buildings

"A modern city where raindrops fall upward into the clouds instead of down, pedestrians calmly walking [...]"

Midjourney created both perfectly.

We noticed that our users extensively use Shuffle (a visual editor for developers) in conjunction with Cursor. That's why we built the Shuffle CLI, a lightweight tool that creates a seamless bridge between Shuffle and Cursor.

With this CLI, you can:

* Sync your visual components from Shuffle directly into Cursor projects

* Automatically generate clean, editable code from your designs

* Keep your design and dev workflows tightly integrated without copy-pasting or re-exporting

We built this to reduce the friction between prototyping and production. If you're using Cursor as your IDE and Shuffle for layout and styling, this tool may be a good fit for you.

Here's how to test it quickly:

mkdir website

cd website

npx @shuffle-dev/cli get example-project .shuffle --rules=cursor

The project will be saved in the .shuffle directory so you can, for example, ask Cursor:

"Create a next.js app from the .shuffle directory"

In a real project, you can modify it in Shuffle and sync it after changes:

npx @shuffle-dev/cli sync

And ask Cursor again: "Add new pages from .shuffle to my next.js app"

We haven't used MCP yet. We've tested it, but the CLI is better at maintaining consistency in format.

Comments URL: https://news.ycombinator.com/item?id=44504870

Points: 2

# Comments: 0

For the last few weeks, we have been working on catching up on features for vibe coders (prompt -> project), but now we are back to our strengths (visual editor and new beautiful UI libraries for Tailwind CSS, Bootstrap, and more).

We realized there are just too many apps for vibe coders, and it would be better to work on something unique that we are really good at!

Comments URL: https://news.ycombinator.com/item?id=41579212

Points: 3

# Comments: 0