The ultimate development companion for building Base Mini Apps directly inside VS Code.
Build, test, and iterate on your Base applications without ever leaving your editor. Framer Mini App Preview simulates a mobile environment, giving you instant feedback on your UI/UX as you code.
✨ Features
📱 Native Mobile Simulation: Preview your app in a realistic mobile frame right next to your code.
⚡️ Instant Live Reload: Connects seamlessly to your local development server (e.g., localhost:3000).
🎨 Base-Themed UI: Designed with the official Base color palette for that premium feel.
🛠 Developer Focused: Built by developers, for developers. Debug faster and ship with confidence.
🚀 Getting Started
Install the Extension: Search for "Framer Mini App Preview" in the VS Code Marketplace and install it.
Start Your Dev Server: Run your local app (e.g., npm run dev on port 3000).
Open the Preview:
Open the Command Palette (Cmd+Shift+P or Ctrl+Shift+P).
Type Framer: Start Preview.
Enter your local URL (default is http://localhost:3000).
Code & Watch: See your changes reflect instantly in the mobile preview!
⚙️ Requirements
VS Code 1.80.0 or higher.
A local web server running your application.
📬 Feedback & Support
We are currently in closed beta. If you have feedback, feature requests, or run into bugs, please reach out to the team directly. We are working hard to make this the best tool for Base developers!
