Build modern websites right in your browser on top of your code
Impossible Dev Tools for React and TailwindJump to code
Don't manually search which code creates which UI ever again! You are always one keystroke away from jumping into your code editor to the exact <div>
.
Press C to jump to the selected HTML element. Press Shift+C to jump the where the current React component is called.
Preview and add Tailwind classes
Why guess? See how different classes change how the elements look as you type. Once you select a class, Impulse adds it directly to your code.
Magical autocompletion
Why memorize class names? Along with them, Impulse uses pure CSS props (and values!) to help you find the right one.
Similar classes are grouped together which makes for easy previewing.
Write new tags without leaving your browser
Why stop at classes? Add, move, or delete entire elements with Impulse! All saved to your code.
This demo avoids using key bindings for the purpose of demonstration. Adding a new node is as easy as hitting I twice. Remove it by hitting D twice.
Key bindings
Don't waste time doing repetitive work. Every command has a key binding.
Navigation tree
Never get lost.
Impulse shows you a simple document tree that combines HTML elements and React components.