Show HN: PageGen-10x Faster Page Generation with Claude AI, React and Shadcn UI

by ahaapple • 2 years ago

3 5 2 years ago

10x Faster Page Generation with PageGen AI, Generate beautiful, production-ready web pages from text, screenshot, image, file and url with one click

ahaapple3• 2 years ago

Powerful Features That Set PageGen Apart:

Real-Time Page Preview : Instantly render and preview generated Page

AI-Powered Content Search : Enrich Page with relevant content using our advanced AI search functionality

Image-Driven Page Generation : Create UI components and pages that closely match your reference images

File-to-Page Generation : Transform any file content into a beautifully structured web page with AI parsing and AI summary

Code Editor Integration : Edit and refine your generated code with VSCode-like editing capabilities, complete with syntax highlighting and auto-completion

React + TailWind + Shadcn UI Integration : Leverage AI-generated code using the most popular front-end stack: React, TailWind, and Shadcn UI

Animation Support : Create engaging web pages with built-in animation effects, bringing your content to life with smooth transitions and dynamic elements

One-Click Page Publishing : Publish and share your UI to the web instantly with a single click

Responsive Code and Preview : Preview your UI across various devices in real-time, ensuring perfect adaptation to all screen sizes

Dark Mode Code and Preview : Effortlessly generate AI-powered UI code with built-in dark mode support, allowing you to preview both light and dark modes instantly

Page Screenshot Export : Easily export and share your UI designs as high-quality screenshots for seamless collaboration

Smart Error Correction : While PageGen's advanced AI model and sophisticated code rules strive for perfection, occasional errors may occur. Our Smart Error Correction feature allows you to instantly fix any issues with just one click

ahaapple3• 2 years ago

This is a demo video of PageGen AI: https://www.youtube.com/watch?v=uKUbb-Hh1MM

ada19812• 2 years ago

I tried it and just kept giving errors.

ahaapple3• 2 years ago

Could you tell me your input? let me check it.

This is probably because the generated code uses unsupported components. You can click the 'Auto fix error' button to fix it

ada19812• 2 years ago

I did that 2x, and it gave me the same error.

Show HN: PageGen-10x Faster Page Generation with Claude AI, React and Shadcn UI

Related Stories