Model Selector & Advanced Mode Launch

We're excited to announce two major updates that put you in complete control of your AI development experience: Model Selector and Advanced Mode.

🎯 Model Selector - Choose Your AI

Full transparency, full control. You can now choose exactly which AI model powers your development workflow.

Available Models

• Claude Sonnet 4.5 - Premium AI for complex design and sophisticated coding
• GPT-5 - Fast, reliable workhorse perfect for rapid development
• Gemini 2.5 Pro - Strategic planner with massive context window
• GLM 4.6 - Coming soon! Our most affordable option for budget-conscious projects

Why This Matters

We believe in pro-user transparency. You should know exactly which AI is working on your project and have the freedom to choose based on your needs:

• Quality vs Speed: Choose Claude 4.5 for premium results or GPT-5 for rapid iteration
• Budget Control: Select GLM 4.6 (coming soon) for cost-effective development
• Project Requirements: Use Gemini 2.5 Pro for large codebases and complex planning

Learn more about each model's strengths, pricing, and use cases at /models

⚡ Advanced Mode - Power User Features

For developers who want more control. Advanced Mode unlocks powerful features designed for experienced users.

Current Advanced Features

• Terminal Access: Direct command-line interface for advanced operations
• Build Capabilities: Enhanced build button in bug finder for faster debugging
• Cost Visibility: See thread costs and usage analytics
• Model Selection: Access to all available AI models

Important Note

Advanced Mode features are designed for users who understand what they're doing. These powerful tools can significantly impact your project, so we recommend enabling Advanced Mode only if you're comfortable with:

• Command-line operations
• Build processes and debugging
• Cost management and optimization

How to Access

Model Selector is available to all users by default - simply access it via the model dropdown in your chat interface and switch models anytime during your development session.

Advanced Mode can be enabled by clicking your profile icon in the top right corner when you're in a project, then selecting "Enable Advanced Mode" to unlock terminal, build tools, and cost analytics.

What's Coming Next

Advanced Mode will continue to evolve with more powerful features and functionalities. We're committed to providing professional-grade tools while maintaining the simplicity that makes Softgen accessible to everyone.

Both features are live now. We're committed to giving you the transparency and control you need to build amazing projects with confidence.

GitHub Import - Bring Your Own Projects

Game-changer alert! You can now import any public GitHub repository directly into Softgen and work with our AI agent to transform it into your own project.

🚀 What This Unlocks

Import any Next.js project from GitHub:

• E-commerce Sites: Next.js e-commerce templates, custom stores
• SaaS Templates: Admin dashboards, user management systems, subscription platforms
• Portfolio Sites: Personal websites, agency sites, creative portfolios
• Next.js Projects: React apps, full-stack applications, starter templates
• Starter Templates: Next.js starters, boilerplates, framework templates

🎯 How It Works

1. Navigate to /app (requires paid account)
2. Click "Import from GitHub"
3. Paste any public repository URL
4. AI analyzes and imports the project structure
5. Start collaborating with our AI agent to customize and enhance

💡 Real Use Cases

E-commerce Transformation: Import a Next.js e-commerce template, then use AI to add custom features, change the design, or integrate new payment methods.

SaaS Customization: Bring in a Next.js dashboard template and have AI help you modify it for your specific business needs.

Portfolio Enhancement: Import a Next.js portfolio template and work with AI to personalize it with your content and branding.

🔧 Current Support

• Next.js Projects Only: Full support for Next.js applications
• React Components: Import and customize React-based Next.js projects
• More frameworks coming soon

🎨 What's Next

We're building our own template library based on this import system. Soon you'll be able to:

• Browse curated templates directly in Softgen
• Import with one click
• Customize with AI assistance
• Deploy instantly

💰 Access Requirements

GitHub Import is available to paid users at /app. This powerful feature requires an active subscription to ensure optimal performance and support.

GitHub Import is live now. Bring any public repository to Softgen and transform it with AI assistance.

Visual Editor - No-Code UI Editing

Introducing our Visual Editor - the game-changing feature that lets you edit your UI live without touching a single line of code or spending AI credits. Perfect for non-developers who want to make changes without learning to code.

🎨 What is Visual Editor?

No-code editing for everyone. Click anywhere on your page and edit elements directly:

• Text: Click any text to edit it instantly
• Colors: Change button colors, backgrounds, and styling with one click
• Layout: Adjust spacing, sizing, and positioning visually
• Real-time Updates: See every change instantly as the code updates automatically behind the scenes

🚀 Why This Changes Everything

Previously, making small changes meant either:

• Working with the AI agent (costs credits)
• Diving into code manually (requires coding knowledge)

Now you can:

• Edit directly on the page
• No AI credits required for visual changes
• No coding knowledge needed
• Instant results with live preview

"Are there any alternative options to edit the content in the website I built other than going through the code editor or having to prompt the model with all the changes? I'd prefer to adjust the content manually so I dont have to spend tokens to make straightforward updates." - Heather

💡 Real-World Impact

"I prompted it with my idea. It builds the entire app for me in just seconds, but here's the crazy part. Once it's done, I can click anywhere on the page. Text, button, colour, I just click and change it instantly. No digging into code, no CSS tweaks, nothing. It's like Canva for full-stack apps."

🎯 Perfect For

• Non-Developers: Make changes without learning to code
• Content Updates: Edit text, images, and styling easily
• Client Presentations: Make changes on the fly during demos
• Design Tweaks: Fine-tune colors, spacing, and typography
• Quick Fixes: Make small adjustments without breaking workflow

🔧 How It Works

1. Create a new project (Visual Editor is currently available for new projects only)
2. Build your app with the AI agent
3. Click any element on the page
4. Edit visually - change colors, text, styling
5. See changes instantly as code updates automatically
6. Deploy when you're happy with the result

Note: Visual Editor is currently available for new projects only. We're working on migrating existing projects to support Visual Editor.

Visual Editor is live now. Experience the future of building - edit your UI without touching code or spending credits.

Supabase Integration Upgrade

Our Supabase integration just got the upgrade you've been asking for. What this means for your next build:

🚀 What's New

• Reliable Table Creation: No more wrestling with the AI
• AI-native Row-Level Security: Build secure, multi-tenant apps with a single prompt
• Clean TypeScript Types: Generated correctly, every time

🎯 The Problem We Solved

Power users were reporting that the agent failed to reliably interact with Supabase, forcing them into manual workarounds and undermining trust in our platform's core promise. We were selling a full-stack product with a broken backend experience.

💡 Real-World Impact

Before: Manual table creation, TypeScript errors, complex RLS setup Now: Single prompt creates secure, multi-tenant applications with proper types

"Congrats! I have found multi tenant rls to be hard." - Tristan Rhodes

🔧 Technical Improvements

• Schema Synchronization: Types now stay in sync with live database schema
• RLS Policy Generation: Automatic Row-Level Security policies for secure apps
• Standardized Structure: Consistent folder/file organization for Supabase projects
• Error Prevention: Reduced privilege issues and type drift

🎨 What This Enables

• Secure Multi-tenant Apps: Build SaaS applications with proper user isolation
• Reliable Development: No more manual database workarounds
• Type Safety: Clean TypeScript integration without errors
• Faster Development: Focus on features, not database setup

The Supabase integration upgrade is live now. Go build something ambitious.

Annual Membership + Pay‑as‑You‑Go Pricing

We're launching Softgen's new Annual Membership with radically transparent, pay‑as‑you‑go pricing. Members get simpler billing, lower effective costs as the community grows, and a clear path to shared upside through our co‑op milestones.

Why this matters

• Predictable, low annual fee for access to the best pricing we can negotiate
• Only pay for what you use with a wallet balance you control
• Transparent fee display before you pay
• Clear progress toward lower platform fees as more members join

Membership

• One simple annual membership unlocks our lowest pricing and the share program
• A clean membership page shows your status and quick actions
• Manage billing details with a self‑serve portal

Pay‑as‑You‑Go Wallet

• Add funds to your wallet in seconds
• Clear pre‑payment breakdowns so there are no surprises
• Instant feedback on success/cancellation and a searchable transaction history
• Easy toggles to review deposits vs. usage payments

Share Program (Referrals)

• Invite friends with your unique link
• Earn $3 credits when they become members and make their first top‑up
• 10 successful shares = free annual membership
• A simple dashboard shows your link, credits earned, and referral status

Community Progress and Co‑op Milestones

• Live progress shows how close we are to the next pricing tier
• See our roadmap to shared ownership: community milestones at 3M and 33M members
• As membership grows, platform fees go down for everyone

Smoother Checkout and Billing

• Streamlined membership checkout
• Quick wallet top‑ups with clear status and error handling
• Customer billing portal for payment methods and invoices

Quality‑of‑Life Improvements

• Faster, more reliable flows across checkout, wallet, and referral screens
• Better sign‑in and session handling
• Clearer toasts, states, and loading feedback

Migration & Compatibility

Everything works with your existing account. If you're a new member, just join from the pricing or membership pages and start topping up your wallet. Existing users can add funds at any time.

What's Next

• Continued reductions to platform fees as membership scales
• More in‑app billing enhancements and smoother upgrade paths
• Expanded share program benefits as we approach our milestones

New Frontend Architecture Launch

We're excited to announce the launch of our completely rebuilt frontend architecture! After months of development, we've evolved from our previous Next.js implementation (sg-web) to a modern, high-performance Next.js 15 application (softgen-platform) that delivers a superior building experience.

🏗️ Modern Architecture Foundation

Next.js 15 with TypeScript

• Full TypeScript Implementation: Complete type safety across all components and API interactions
• App Router Architecture: Upgraded from Pages Router to Next.js 15's latest App Router for optimal performance
• Enhanced Server-Side Rendering: Improved SSR implementation for faster initial page loads
• Turbopack Integration: Lightning-fast development builds and hot reload

State Management & Performance

• Zustand State Management: Lightweight, modern state management replacing previous state management approach
• React Query Integration: Optimized data fetching with intelligent caching and background updates
• Component Lazy Loading: Enhanced dynamic imports for faster initial page loads
• Optimized Bundle Splitting: Reduced JavaScript bundle sizes for better performance

🎨 Enhanced Builder UI Experience

Resizable Panel System

• Advanced Layout Controls: New resizable panel system with persistent layout preferences
• Intelligent Panel Management: Automatic panel sizing based on content and user behavior
• Responsive Design: Seamless experience across desktop, tablet, and mobile devices

Improved Code Editor Integration

• Enhanced File Navigation: Streamlined file tree with better search and filtering capabilities
• Context-Aware Editing: Improved file context management with visual indicators
• Better Syntax Highlighting: Enhanced code highlighting with more language support

Modern UI Components

• shadcn/ui Component Library: Consistent, accessible UI components throughout the platform
• Enhanced Message System: Redesigned chat interface with improved threading and history
• Advanced Form Controls: Better form validation, error handling, and user feedback
• Improved Loading States: Skeleton loaders and progressive loading for better perceived performance

🚀 Performance Improvements

Speed Enhancements

• Faster Initial Load: Optimized bundling and code splitting
• Reduced Memory Usage: More efficient component lifecycle management
• Better Caching Strategies: Intelligent browser and API response caching
• Smoother Animations: Hardware-accelerated transitions and interactions

Developer Experience

• Better Error Boundaries: More informative error messages and recovery options
• Enhanced Debugging: Improved development tools integration

🎯 Builder-Focused Enhancements

Project Management

• Streamlined Project Creation: Simplified onboarding flow with better template selection
• Enhanced Project Settings: More intuitive project configuration with real-time validation
• Improved File Upload: Drag-and-drop file handling with progress indicators
• Better Preview System: Enhanced live preview with faster refresh rates

Thread & Messaging

• Advanced Message Input: Enhanced text input with better file attachment handling
• Improved Thread History: Better conversation management with search and filtering
• Context Indicators: Visual feedback for AI context usage and optimization suggestions
• Message Threading: Better conversation organization and navigation

Mobile Experience

• Responsive Design: Fully optimized mobile interface with touch-first interactions
• Mobile Code Editor: Improved mobile code editing experience
• Adaptive Navigation: Context-aware navigation that adapts to screen size
• Touch Gestures: Native mobile gestures for better usability

🔧 Technical Improvements

Code Quality & Maintainability

• 100% TypeScript Coverage: Full type safety across the entire codebase
• ESLint & Prettier: Consistent code formatting and quality standards
• Component Testing: Comprehensive test coverage for UI components
• Accessibility Compliance: WCAG 2.1 AA compliance across all interfaces

API Integration

• Optimized API Calls: Reduced API requests through intelligent caching
• Better Error Handling: More resilient error recovery and user feedback
• WebSocket Improvements: Enhanced real-time communication reliability
• Rate Limiting Awareness: Built-in handling for API rate limits

📱 Cross-Platform Compatibility

• Browser Optimization: Enhanced compatibility with all modern browsers
• Progressive Web App: Improved PWA capabilities for better mobile experience
• Offline Support: Basic offline functionality for better reliability
• Cross-Device Sync: Seamless experience across multiple devices

🔄 Migration & Compatibility

The new frontend maintains full compatibility with all existing projects and workflows. All your current projects, settings, and integrations will continue to work seamlessly with the new interface.

🚀 What's Next

This new frontend architecture serves as the foundation for upcoming features including enhanced collaboration tools, advanced debugging capabilities, and expanded deployment options.

The new frontend is now live for all users. We're committed to continuously improving your building experience based on your feedback and usage patterns.

Context Window Indicator

Keep your AI interactions running smoothly with our new context window indicator! This feature helps you maintain optimal performance by providing real-time feedback on your context window usage.

Stay aware of your AI context usage with a simple, color-coded indicator:

File Context Management in Softgen

We're excited to introduce our new File Context Management system, giving you complete control over which files are included in your AI assistant's context.

What's new with File Context Management?

• Selective File Context: Choose exactly which files you want to include in your AI's context
• Token Optimization: Close unnecessary files to reduce token usage and improve performance
• Bulk Operations: Open or close multiple files at once with our new bulk management tools
• Smart Search: Quickly find and add files to your context with our intelligent file search

Take control of your workspace context and optimize your AI interactions by managing which files are included in each conversation.

How to use

The new File Context Management system is available in the Agent Settings modal. You can:

1. View all currently open files in your context
2. Select and close files you don't need
3. Search and add new files to your context
4. Manage multiple files at once with bulk operations

Looking ahead, we're working on more advanced context management features—stay tuned for updates.

Sonnet 4 Is Now Supported in Softgen

We're excited to announce full support for Sonnet 4, the latest Claude model from Anthropic, now integrated into our builder agent.

What's new with Sonnet 4?

• Much faster completions, even in complex threads
• Longer context handling, perfect for deep conversations
• Better intent understanding and fewer off-topic replies
• Secure by design, with Softgen's existing privacy guardrails intact

Expect faster responses, deeper understanding of long context, and improved accuracy across all assistant workflows.

Available now

Sonnet 4 is the new default for all chats and builder agent interactions. No configuration needed—just ask away.

Looking ahead, we're exploring model mixing and fine-tuning—stay tuned.

Plan Mode

Take the driver's seat in your project planning with our new Plan Mode!

• Strategic Planning: Perfect for early project stages and architecture decisions
• Decision Support: Evaluate technology choices and compare approaches
• No Code Implementation: Focus on planning without immediate code changes
• Documentation: Create a reference for your project's strategic decisions
• Team Alignment: Ensure everyone understands the project vision

When to Use Plan Mode

Plan Mode is ideal for:

• Early project requirements and scope definition
• Architecture and technology decisions
• Feature prioritization and planning
• Workflow and system interaction design

Switching to Implementation

When you're ready to bring your plans to life:

1. Switch to Creative Mode for new file creation
2. Use Standard Mode for modifying existing files

Plan Mode helps you establish a clear direction before writing any code, preventing costly pivots and ensuring efficient implementation.

Custom Prompts in Settings

You can now manage prompts directly in Project Settings!

• Add, edit, and delete your own prompts
• Quickly use saved prompts in your workflow
• Browse curated example prompts
• Everything syncs instantly

A faster, smarter way to manage and reuse prompts across your projects.

Creative Mode

Writing flows best when you’re in the zone. Creative Mode gives you:

• A minimalist toolbar—all the essentials, nothing that distracts
• Full-screen editing so you can focus on words, not UI
• Auto-save snapshots to let you wander off script without losing work
• Typewriter scroll that keeps your current line centered and calm

Toggle Creative Mode anytime with ⌘ M on Mac or Ctrl M on Windows.
Dive into your next brainstorm in a beautifully uncluttered space.