Build your web easier in the browser

A chrome extension that lets you change the design within your browser

Nuweb preview or Tailwind CSS
Nuweb design fast

Design fast

Effortlessly change classes and preview the design in realtime.

Nuweb gives you a list of alternative classes that you can use, and a preview of the colors.

Preview margins and padding and easily navigate through parent elements.


Make sure your elements are complete and work as they are supposed.

Nuweb will suggest ideas that will make your design complete.

Nuweb suggestions
Nuweb track all changes

Track all changes

Track all the changes in the code, and sync it with your code base.

Nuweb will remind you if there are changes that are left unnoticed so you never lose your progress.

Discover an enjoyable way to build your website with

tailwindcss logo or Bootstrap Bootstrap logo

...and it works on any website!


Pay once, use forever

One License


  • 5 devices
  • Lifetime updates
  • 14 days money-back guarantee
Buy a License

Multiple Licenses

  • Get in touch with us
Contact Us
Unlimited Websites
Use it on any website, locally or on the web.
Layout Inspect
Easily pick any element and have visual preview of its padding and margins.
Improvement Ideas
Get improvement ideas for the element you are inspecting.
Classes Autocomplete
Get a list of class alternatives to the ones you are using.
Browser Extension
Unlimited browser extension updates.
Editor Position
Snap the editor to the position that fits the best.
Color Preview
Easier to preview colors before applying the styles.
Conflicting attributes
Show conflicting attributes from the applied styles to an element.
Customer Support
Chat with us or contact us by email, anytime.

From Our Blog

Frequently Asked Questions

Does it work on all websites?

Yes, it works on all websites. It can modify any element from any website including iframes.

It doesn't matter if you've used any framework, Nuweb will just work!

Can it convert my CSS to Tailwind CSS?

Yes it can! Just select the needed element and click on the little Tailwind CSS icon , you'll be shown a dialog to choose if you want to apply the Tailwind CSS classes to all children elements recursively, and also if you want to apply the closest colors to your own colors.

In a few seconds you will have it converted.

In some cases if it doesn't look good it may be of the overlapping styles of Tailwind CSS and your CSS - then you can just click the Open in CodePen icon and to see it in an isolated context, it usually works always perfectly.

How do I use it?

Just click the extension icon and it'll activate automatically. You can then hover over any element to see its margins, padding, borders and size, and click on it in order to modify it.

If you are using a CSS framework like Tailwind CSS or Bootstrap, Nuweb will recognize it automatically and it'll show the appropriate classes and other features that the framework is offering.

Do you have a refund policy?

Yes. You can find more about our refund policy here. In short, we offer refunds within 14 days of the purchase.

Do you activelly work on Nuweb?

Yes. Nuweb is in active development and we add features and improve things on a daily basis and we push updates almost every week.

Do I really get to use it forever?

You do. Once you buy it, you can use it forever and will get the most recent updates - always. And that will not change!

What browsers do you support?

Nuweb is a Chrome Extension and it works on all Chromium-based browsers like Google Chrome, Brave and Edge.

Sign up for our newsletter

And never miss any features and news

We will collect, use and protect your data in accordance with our Privacy Policy.

Thank you!