DEV Community

loading...
Cover image for I made an app for Web Developers!

I made an app for Web Developers!

Virej Dasani
A 16 year old student and self-taught software developer
・1 min read

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 👆

Discussion (36)

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
ivanjeremic 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 Author

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 Author

Thanks!

Collapse
seanmclem profile image
Seanmclem

This is Awesome! Thanks for making this!

Collapse
virejdasani profile image
Virej Dasani Author

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 Author

Thanks a lot!

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 Author

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
syngrowly profile image
Juan Carlos Nahuat

Thank you!

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 Author

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 Author

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 Author

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 Author • 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 Author

Glad you liked it :)

Collapse
leonardoappio profile image
Leonardo Lima Appio

That's very nice, congrats!

Collapse
virejdasani profile image
Virej Dasani Author

Thanks a lot!

Collapse
chathunpc profile image
chathunpc

Thanks for this tool

Collapse
virejdasani profile image
Virej Dasani Author

Glad you liked it!

Collapse
debojyoti profile image
Debojyoti Saha

Amazing! The mindset behind is very powerful. Keep experimenting and help developers!

Collapse
virejdasani profile image
Virej Dasani Author

I will, thanks!

Collapse
hugekontrast profile image
Ashish Khare😎

Yes devs know how all f12 features work. Plus, this is not a web app. If true, it won't work for people.
Why? Just f12!

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