Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 Responsive Open-Source Projects
-
SurveyJS
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.
-
responsively-app
A modified web browser that helps in responsive web development. A web developer's must have dev-tool.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
-
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
-
semi-design
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2800+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻💻 Design to Code in one click
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
I was using a Chinese website recently based on the “ant design” [^1] library / philosophy. It’s a really UI dense way of doing things and I really enjoyed having everything there without having to go hunting into menus.
[1]: https://ant.design/
If you are also one of the developers who use Tailwind CSS to create web apps and sites then you should know these 10 Tailwind CSS names. because it will save you a lot of time.
If you know Material UI, Chakra UI or Primereact, those are react UI component libraries.
Project mention: Is there any github repo or something for medium or advanced level project in Angular that I can run in my local and learn something from that ?? | /r/Angular2 | 2023-09-06I learned a lot from the ngx-admin template but if you want a real world project PeerTube's Web app written in Angular you can check it out here
Project mention: 🛑 Stop resizing your browser: improve testing for responsiveness | dev.to | 2024-05-22If you're lazy (or more likely under tight timelines), you can use tools like Responsively or ResponsiveTestTool.com, or browser extensions like Responsive Viewer will enable quick visual previews across multiple devices at once.
Official Website: https://blueprintjs.com/
Project mention: Making Web Component properties behave closer to the platform | dev.to | 2024-01-21For example, all the following design systems can be used without tooling (some of them provide ready-to-use bundles, others can be used through import maps): Google's Material Web, Microsoft's Fluent UI, IBM's Carbon, Adobe's Spectrum, Nordhealth's Nord, Shoelace, etc.
We’ll leverage Novu’s code-first workflow (Echo) approach in creating notification workflows within our codebase. Novu empowers you with the ability to integrate email, SMS, and chat template and content generators, such as React Email, and MJML into your app via code.
Official Website: https://react.semantic-ui.com/
🔍 Site ⭐ GitHub
I chose Tachyons over Tailwind because Tachyons is an atomic CSS framework, similar to Tailwind, however it's much lighter weight. Tailwind tends to be a bit heavier without using post CSS processing so I wanted to stick with something smaller.
Project mention: Dockge: Clean Self-Hosted Docker Compose Manager by the Creator of Uptime Kuma | news.ycombinator.com | 2024-01-14
🔍 Site ⭐ GitHub
Project mention: 9 React component libraries for efficient development in 2023 | dev.to | 2023-11-13GitHub stars: 8.3k GitHub link: https://github.com/grommet/grommet Documentation: https://v2.grommet.io/docs
Project mention: Create a Simple React.js Workflow App From Scratch – Your Ultimate Guide ! | dev.to | 2024-05-20Now open your browser at http://localhost:3000 (in your case address may be different) and you will see an example React application. Let's start hack it. First we will add a navigation bar to our application. We will use React Suite library.
KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue
🔍 Site ⭐ GitHub
Carbon Components is a Svelte component library that is built on top of the Carbon Design System, an open source design system by IBM. The components look very minimalistic (especially styling based on gray color saturation) but probably would fit in some business-looking app. In defense it must be said that the library offers a big number of Svelte components with advanced functionality.
Responsive related posts
-
🛑 Stop resizing your browser: improve testing for responsiveness
-
What UI density means and how to design for it
-
Essential tools for Frontend Developers
-
Open Source Admin Dashboard Starter: Ant Design v5, TypeScript, MongoDB
-
How I Build Paradise UI: A React UI Component Library
-
Ask HN: Features for GPU price-per-hour tracker for A100/H100s
-
Top 5 UI Component Libraries for React.js
-
A note from our sponsor - InfluxDB
www.influxdata.com | 23 May 2024
Index
What are some of the best open-source Responsive projects? This list will help you:
Project | Stars | |
---|---|---|
1 | antd | 90,438 |
2 | Tailwind CSS | 78,889 |
3 | uptime-kuma | 50,507 |
4 | chakra-ui | 36,757 |
5 | ngx-admin | 25,061 |
6 | responsively-app | 21,805 |
7 | @blueprintjs/core | 20,454 |
8 | office-ui-fabric-react | 17,773 |
9 | MJML | 16,563 |
10 | amazeui | 13,469 |
11 | semantic-ui-react | 13,187 |
12 | responsive-html-email-template | 13,032 |
13 | evergreen | 12,337 |
14 | tachyons | 11,598 |
15 | dockge | 9,601 |
16 | base web | 8,638 |
17 | grommet | 8,301 |
18 | rsuite | 8,174 |
19 | rebass | 7,931 |
20 | semi-design | 7,947 |
21 | styled-system | 7,812 |
22 | reakit | 7,654 |
23 | carbon | 7,493 |
Sponsored