Jump 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
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.
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.
Don't waste time doing repetitive work. Every command has a key binding.
Never get lost.
Impulse shows you a simple document tree that combines HTML elements and React components.