A tool that redefines UI analysis

Recently, I stumbled upon an interesting tool — same.new. It doesn’t just capture website interfaces as images but extracts real HTML/CSS markup.

At first glance, it seemed like another way to “peek” at code using DevTools. But looking deeper, Same.new proves to be genuinely useful. It extracts clean HTML and CSS from individual elements, automatically removing unnecessary classes and dynamic attributes. The extracted code can be instantly edited in the browser and exported as HTML, JSX, or Tailwind CSS classes. This makes UI pattern analysis and adaptation of design solutions much more efficient.

However, it’s essential to remember that online content is protected by copyright. Same.new is not a tool for copying others’ work, but rather a way to study and learn from different development approaches. Using it responsibly means analyzing, adapting, and creating something new—not blindly copying.

Overall, this tool can be valuable for developers, designers, and front-end engineers, especially those working with Tailwind CSS or prototyping UI components. The real question is how you choose to use it. But for learning and analysis, it’s worth a look!

At Hyand Group , we’re always exploring new tools that push the boundaries of front-end development. This is one of those that might make your workflow smoother!