Device Mockup 34 - Two slim phones overlappingPro
Two slim phones overlap at slight opposing angles, the front one casting a shadow over the back one, beside a checklist of benefits and a call to action. Use it to pair a light and dark theme, a sender and receiver view, or two key screens of a mobile app.
About Device Mockup 34
Two slim phones overlap at slight opposing angles, the front one casting a shadow over the back one, beside a checklist of benefits and a call to action. Use it to pair a light and dark theme, a sender and receiver view, or two key screens of a mobile app.
Device Mockup 34 is a device mockup block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 92 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- mockup
- phone
- pair
- overlap
- static
- checklist
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add device-mockup-34Dependencies installed automatically: lucide-react.
Uses: button, device-frame, reveal, utils.
Usage
import DeviceMockup34 from "@/components/blocks/device-mockup-34"
export default function Page() {
return <DeviceMockup34 />
}