Preview & Test Across All Devices, Instantly
react-uiframe is a lightweight emulator to preview and test your web projects across multiple devices—mobiles, tablets, laptops, and more—directly in your browser.
Features
Everything you need to streamline your responsive design workflow.
Multi-Device Previews
View your project on phones, tablets, laptops, and even watches and TVs simultaneously.
Orientation Modes
Switch between portrait and landscape modes to test your layouts thoroughly.
Auto-Project Detection
Automatically finds projects running on common development ports.
Simple CLI
Easy-to-use command-line interface with customizable options.
Seamless Switching
A unified UI to quickly switch between different device emulations.
Framework Agnostic
Works with React, Vue, Angular, Svelte, or any other web framework.
Get Started
Install and run the emulator in a few simple steps.
📦 Installation
Global
npm install -g react-uiframeLocal (Dev Dependency)
npm install --save-dev react-uiframe💻 Usage
Start the Emulator
npx uiframe startAutomatically detects running projects and opens the emulator.
Use a Custom URL
npx uiframe start --url http://localhost:5000How It Works
Built with modern, reliable tools to provide a seamless experience.
Express Server
Serves the core emulator user interface.
Live Iframes
Renders your live project inside device mockups.
Automatic Port Detection
Scans for running projects to make startup effortless.
Check out our GitHub Repository 🚀
Explore the source code, contribute, and stay updated with the latest changes. Your support helps the project grow stronger.
Go to GitHub →