IT Tools

Handy tools for developer

Compare Texts

WebView Playground

ReactJS Playground

Json Web Tokens

Regular Expressions

Image Crop

Color Picker

QR Code

Generate Text

Generate API Response

JSON Formatter

Number Converter

Random Wheel

Ctrl + K

BrowserMockup

Preview

Google!

https://google.com

Hello world

Show code

<BrowserMockup
  variant="full"
  hasButtonColor={true}
  title="Google!"
  href="https://google.com"
>
  <h1 className="text-red-500">Hello world</h1>
</BrowserMockup>

Docs

Name	Description	Default	Control
variant	Variant design of Mockup	"compact"	compact full
href *	Website link on Mockup	-
title	Website title on Mockup	-
hasButtonColor	Show colors of browser buttons	false	falsetrue
className	Wrapper class	-	-
contentClassName	Content wrapper class	-	-
children	Children content `ReactNode`	-	-

IT Tools

Tools

UI Components

BrowserMockup

Preview

Hello world

Docs