ButtonForge Pro - Smart Button Designer

\n ButtonForge Pro\n \n

\n 💎\n 150 Points\n

\n\n

Live Preview

\n \n

\n\n

Button Properties

\n \n

\n Button Text\n \n

\n\n

\n Background Color\n \n

\n\n

\n Text Color\n \n

\n\n

\n Border Radius: 8px\n \n

\n\n

\n Padding: 12px 24px\n \n

\n \n

Smart Features (Costs Points)

\n\n

\n \n

\n\n

Template Catalog

Elegant & Dark

Success Green

Warning Orange

Danger Red

\n\n

Generated Code

// Your generated HTML, CSS, and JavaScript will appear here.

\n\n \n \n\n \n \n\n \n\n\n","link_url","/p/zix0e9k8cj98_wwmklfc","versioned_link_url","/p/zix0e9k8cj98_wwmklfc/1","yapping","**Organizing project files**\n\nI have the project assets: index.html, app.js, and styles.css. The user provided a complete HTML document and mentioned needing multiple files, with index.html being one of them. I should split the inline scripts and styles, maintaining the same content while moving styles to styles.css and scripts to app.js. I also need to ensure scripts use an import map via esm.sh for any libraries, although we're not using libraries. I should manage DOM elements without inline onclick references to global functions.\n\nindex.html\n```index.html\n```\n\nstyles.css\n```styles.css\n```\n\napp.js\n```app.js\n```","cursor","eyJpZCI6InppeDBlOWs4Y2o5OF93d21rbGZjIn0","token","included",[],"routes/browser/layout","actionData","errors"]

Live Preview

Template Catalog

Elegant & Dark

Success Green

Warning Orange

Danger Red

🎰 Lucky Wheel - Win Points!

💎 Choose Your Plan

Pro Plan

Business Plan