Top 6 JavaScript responsive-web-design Projects

responsively-app

62 21,694 9.1 JavaScript

A modified web browser that helps in responsive web development. A web developer's must have dev-tool.

Project mention: 10 Game-Changing Tools You should Bookmark Now😎🔖 | dev.to | 2024-01-19

⭐ Responsively on GitHub 👉: Responsively

Scrawl-canvas

37 306 8.8 JavaScript

Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun

Project mention: Show HN: Dropflow, a CSS layout engine for node or <canvas> | news.ycombinator.com | 2024-03-21

> working with glyphs and iterating them in reverse for RTL is brain-breaking. And line wrapping gets really complicated. It's also the most obscure because nobody has written down everything you need to know in one place
I can confirm this. I've been working on a (much simpler!) text layout engine for my canvas library over the past couple of months and the amount of complexity associated with just stamping some glyphs onto a canvas has left me screaming at my laptop on an almost daily basis. Getting a decent underline was a proud moment!
Question: did you ever find out what algorithm the various browsers are using to calculate how many words can fit on a given line? I'm almost there, except words will occasionally jump between lines when I scale the text. Really annoying!
The PR's still a work in progress, but I've got all the functionality I want in there (shaping lines to fit in non-rectangular containers, styling text, text along a non-straight line, dynamic updates, etc). Just need to test and document it all now ... https://github.com/KaliedaRik/Scrawl-canvas/pull/75

SurveyJS

surveyjs.io sponsored

Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
Responsivize

17 240 0.0 JavaScript

A must-have tool to develop responsive websites 📲
vanilla-js

1 166 2.0 JavaScript

Projects using pure JavaScript without any external libraries or frameworks
flexbox-guide

1 38 5.8 JavaScript

⚡ A Guide for the concept of Flexbox and responsive design. Simply set the attributes as you needed and copy the CSS code. 🎉
Vartha

1 2 6.4 JavaScript

Vartha is a ReactJS-based news website powered by the gnews.io API. It provides the latest news articles from various sources and categories. With a user-friendly interface and customizable themes, Vartha offers a seamless news browsing experience. Please note that the API allows 100 requests per day, each returning a maximum of 10 articles.

Project mention: My first react app using class based components. Please review it. | /r/webdev | 2023-06-22

Source code :- Github-repo

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2024-03-21.