DEV Community

Cover image for I made an app for Web Developers!
Virej Dasani
Virej Dasani

Posted on

I made an app for Web Developers!

Responsivize

A must have tool to develop responsive websites!

Download here

What is Responsivize?

  • Responsivize is an open-source, cross-platform, desktop app that is used to develop responsive websites!
  • Responsivize is made with a popular framework called Electron.

This is Responsivize!

A star 🌟 to the GitHub repo would be amazing!

How does it work?

With Responsivize, you can test your web apps on popular devices like iPhones, Android phones, iPads, MacBooks, and you can even set custom dimension devices, that you set the dimensions for!

This gives you the ability to test your apps on everything from widescreen monitors to smart fridge screens!

Responsivize Home Page 👆

Responsivize Mobile View 👆

Responsivize Tablet View 👆

Responsivize Tablet View 👆

Responsivize Laptop View 👆

Responsivize Custom Size View 👆

Top comments (35)

Collapse
 
alekseiberezkin profile image
Aleksei Berezkin

Thanks for sharing! How's that different from the Mobile view in Chrome dev tools?

Collapse
 
stephanie profile image
Stephanie Handsteiner • Edited

You can have several views next to each other, saving you from needing to change to another view every so often, and a view like that makes it overall easier to compare different viewports to one another.

Developer focussed browsers like Sizzy have the same feature included.

Collapse
 
ivan_jrmc profile image
Ivan Jeremic

But is it really so hard to switch views in devtools?

Thread Thread
 
robvirtuoso profile image
robvirtuoso

Why can't we be happy for the 16 yr old student for his achievement and just congratulate him for his work?

Thread Thread
 
stephanie profile image
Stephanie Handsteiner • Edited

Of course it's not hard to do that, I never said that it was.

In the end it's a personal choice, and both is valid, whatever suits ones workflow.

Some (like myself as well) like to view some viewports in parallel to compare them, maybe also with synchronised scrolling and actions (you do something in one device, and it does the same on every other screen, kinda like GhostLab allows you to do as well), some work best solely with responsive mode.

Thread Thread
 
alekseiberezkin profile image
Aleksei Berezkin

Yes we are indeed happy for this achievement, really 🙂 It's also okay to challenge an idea a bit so the author knows how to improve the app. Ofc, if that sounds not friendly, that's our fault.

Collapse
 
virejdasani profile image
Virej Dasani

You can test on different, popular devices simultaneously and Responsivize features device frames (bezels, notches, etc.) along with browser menubars that other dev tools simply don't offer, to make the testing experience feel more real!

Collapse
 
robvirtuoso profile image
robvirtuoso

Great work. Congrats!

Collapse
 
virejdasani profile image
Virej Dasani

Thanks!

Collapse
 
ml318097 profile image
Info Comment hidden by post author - thread only accessible via permalink
Mehul Lakhanpal

Hey, I created Note Box - A chrome extension to add notes based on URL. Read more about it here

Another project is File Ops - A VS Code extension to easily tag/alias files & quick switch between files. Read more about it here

Collapse
 
alimobasheri profile image
MirAli Mobasheri

Great idea Virej! Installed it and am gonna suggest it to my colleagues.
And of course new features could be added and it could be improved👍

Collapse
 
virejdasani profile image
Virej Dasani

Thanks a lot and of course, this is only v1.0.0. Let me know what features you want to see and i'll make sure they make it to the next release!

Collapse
 
alimobasheri profile image
MirAli Mobasheri

Ability to test simultaneosly, which was pointed out by others is a great thing. This could become a major ability if you could inspect the result on different-sized devices in one screen and can speed up the development process.

Collapse
 
seanmclem profile image
Seanmclem

This is Awesome! Thanks for making this!

Collapse
 
virejdasani profile image
Virej Dasani

I'm glad you liked it :)

Collapse
 
seanmclem profile image
Seanmclem

I'm glad you made it! Keep making things

Thread Thread
 
virejdasani profile image
Virej Dasani

Thanks a lot!

Collapse
 
hyggedev profile image
Chris Hansen

This is awesome! I have wanted something like this for a while. One page, bam, all the viewports right there. Can code side by side.
Thanks so much and we'll done! 🤘

Collapse
 
virejdasani profile image
Virej Dasani

Glad you liked it, also, if you haven't already, a star to the repo would be amazing!

Collapse
 
cristoferk profile image
CristoferK

Nice! This is very usefull!

Collapse
 
virejdasani profile image
Virej Dasani

Thanks, glad you liked it. Also, a star to the GitHub repo would be amazing!

Collapse
 
pablowbk profile image
Pablo

This is great Virej! Must have been lots of fun to develop. Congrats!

Collapse
 
virejdasani profile image
Virej Dasani

Thanks a lot, and yes, it was really fun to build this!

Collapse
 
pavelloz profile image
Paweł Kowalski

One question: How can i open tablet and phone view next to each other?

Collapse
 
virejdasani profile image
Virej Dasani • Edited

As of this version (v1.0.0), there is no way of doing this yet but I'll make sure to add this feature for the next update! By the way, the project is open source so, you can also add that feature and open a pull request on GitHub!

Collapse
 
pavelloz profile image
Paweł Kowalski • Edited

This looks nice :-)
There is a paid browser that does this, and (i forgot the name) and i always wished someone did the free version.

Thank you!

Collapse
 
virejdasani profile image
Virej Dasani

Glad you liked it :)

Some comments have been hidden by the post's author - find out more