Device Mockup 33 - Three phones staggeredPro
Three phones stand in a row with the middle one raised, each paired with a short caption that names the screen it shows, revealed once with a stagger. Use it to walk through an onboarding flow, three core screens or a before, during and after story.
About Device Mockup 33
Three phones stand in a row with the middle one raised, each paired with a short caption that names the screen it shows, revealed once with a stagger. Use it to walk through an onboarding flow, three core screens or a before, during and after story.
Device Mockup 33 is a device mockup block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 87 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
- trio
- static
- screens
- features
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-33Uses: button, device-frame, reveal, utils.
Usage
import DeviceMockup33 from "@/components/blocks/device-mockup-33"
export default function Page() {
return <DeviceMockup33 />
}