TypeScript Responsive

Open-source TypeScript projects categorized as Responsive | Edit details

Top 23 TypeScript Responsive Projects

  • GitHub repo antd

    An enterprise-class UI design language and React UI library

    Project mention: Mern App ( Node.js / React / Redux / Ant Design ) Crud & Auth | dev.to | 2021-07-19

    The Frontend is built with React.js , Ant Design (Antd), and Redux , Redux-thunk.

  • GitHub repo ngx-admin

    Customizable admin dashboard template based on Angular 10+

    Project mention: 9+ Angular Bootstrap Themes Worth Your Attention | dev.to | 2021-03-26

    NGX-Admin

  • GitHub repo chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

    Project mention: 5 ways to manage layout space in React | dev.to | 2021-07-21
  • GitHub repo @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: 10+ useful REACT UI LIBRARIES for your project | dev.to | 2021-07-13

    Blueprint is a React UI toolkit used to create and manage data-intensive user Interfaces for desktop applications.

  • GitHub repo office-ui-fabric-react

    Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

    Project mention: WinUI - Less like a reunion and more like a compromise | reddit.com/r/csharp | 2021-06-06

    lol. Yea I hate it too. I love Acrylic and reveal so much. I even made Acrylic (good enough for a browser, and accurate too) in pure css (and some js for, you know creating layers and appending them etc etc). I also tried making acrylic but it was inefficient and really slow and buggy/laggy (as expected). I'm currently trying to optimise it as much as possible. All this so I can contribute them to FluentUI (winui for the web which was the primary reason behind removing brushes (acrylic and reveal)) and maybe save those brushes, but looksnlike microsoft already made up its mind, cause the team said they would "think about it" (smth along those lines, I don't remember correctly) when I opened an issue for acrylic and reveal (You can search the issue up). Sad indeed.

  • GitHub repo rsuite

    🧱 A suite of React components .

    Project mention: What Is React Template? React Template Definition | dev.to | 2021-03-23

    React suit is an example of such a narrowly focused component library for enterprise system products.

  • GitHub repo flex-layout

    Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API

    Project mention: How to handle Responsive web using Angular material | reddit.com/r/Angular2 | 2021-04-16
  • GitHub repo reakit

    Toolkit for building accessible rich web apps with React

    Project mention: Commonly used libraries (standard "go to") for medium size application | reddit.com/r/reactjs | 2021-06-19

    Regardless of what you use for styling though, you should look into so-called headless ui components. These are hooks and components only focused on functionality and accessibility, which you then use to build your own styled components. Some examples are https://reakit.io/, https://www.downshift-js.com/ and https://headlessui.dev/.

  • GitHub repo searchkit

    GraphQL API & React UI components for Elasticsearch. The easiest way to build a great search experience

  • GitHub repo zeit-ui-react

    Modern and minimalist React UI library. (by geist-org)

    Project mention: The button component used in next.js framework | reddit.com/r/reactjs | 2020-12-25
  • GitHub repo FigmaToCode

    Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.

    Project mention: AMA: Adobe XD to Flutter | reddit.com/r/FlutterDev | 2021-05-11
  • GitHub repo ChatUI

    The UI design language and React library for Conversational UI

  • GitHub repo ng-matero

    Angular Material admin dashboard template.

    Project mention: Ng-Matero v12 has released! | reddit.com/r/Angular2 | 2021-07-18
  • GitHub repo @artsy/fresnel

    An SSR compatible approach to CSS media query based responsive layouts for React.

    Project mention: Magnus UI vs. Dripsy - Chakra UI alternatives for React Native (+Web) | dev.to | 2021-06-10

    If you want both SSR and RNW, then you are not so lucky. But you can read my research of the options you have, in this discussion: How to combine React Native Web (RNW) + Responsive styles (media queries) + NextJS Server-Side Rendering (SSR), to get SEO on the web. If you don't want to make a compromise like the current options, there is a library called Fresnel, which has some promise to afford this combination. But it is not quite there yet. So please consider contributing to Fresnel in the RNW+NextJS compatibility issue or the useMedia() hook issue, so that Dripsy could be upgraded to use Fresnel again to support SSR.

  • GitHub repo react-components-by-ruvkr

    A collection of Responsive Animated Mobile friendly Lightweight React Components

    Project mention: A react component to highlight texts. Works with any range selection. | reddit.com/r/reactjs | 2021-02-04

    Source https://github.com/ruvkr/react-components-by-ruvkr

  • GitHub repo react-native-responsive-dimensions

    Resposive fontSize, height and width for react-native components, that automatically adjusts itself based on screen-size of the device.

    Project mention: Expo React Native Hastle | reddit.com/r/reactnative | 2021-01-07

    You can use a library like the following: https://github.com/react-native-toolkit/react-native-responsive-dimensions#readme

  • GitHub repo angular-grid-layout

    Responsive grid with draggable and resizable items for Angular applications.

    Project mention: Card Grid Library?!? | reddit.com/r/Angular2 | 2021-02-15

    You can use 'angular-grid-layout': https://github.com/katoid/angular-grid-layout

  • GitHub repo react-native-responsive-linechart

    A customizable and responsive line or area chart for react-native

    Project mention: could you give me some advice about how to create a dynamic graph similar to this one with React Native? Is there a library to do so? Or should I implement something like this from scratch? | reddit.com/r/reactnative | 2021-01-08

    it this the project you are talking about? https://github.com/N1ghtly/react-native-responsive-linechart#readme

  • GitHub repo fluent-ui

    🌈 React components that inspired by Microsoft's Fluent Design System.

  • GitHub repo React Responsive Select

    A customisable, touchable, React select / multi-select form control. Built with keyboard and screen reader accessibility in mind

  • GitHub repo insites-ui

    An opinionated UI components library for React. Based on Styled Components and Styled System.

  • GitHub repo react-responsive

    🔍 <Only /> displays some contents for particular screen sizes (by bloczjs)

    Project mention: @blocz/react-responsive v3 is out | dev.to | 2021-03-12

    The v3 of @blocz/react-responsive was just released with few bug fixes and new names. You can check out the full release details here: https://github.com/bloczjs/react-responsive/releases/tag/v3.0.0

  • GitHub repo gulp-sharp-responsive

    A gulp plugin to generate responsives images.

    Project mention: Create responsive images with gulp-sharp-responsive | dev.to | 2021-04-18

    View on GitHub

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 2021-07-21.

Index

What are some of the best open-source Responsive projects in TypeScript? This list will help you:

Project Stars
1 antd 73,157
2 ngx-admin 22,841
3 chakra-ui 19,429
4 @blueprintjs/core 17,980
5 office-ui-fabric-react 11,775
6 rsuite 5,699
7 flex-layout 5,519
8 reakit 4,866
9 searchkit 4,228
10 zeit-ui-react 2,086
11 FigmaToCode 2,057
12 ChatUI 1,053
13 ng-matero 654
14 @artsy/fresnel 561
15 react-components-by-ruvkr 336
16 react-native-responsive-dimensions 293
17 angular-grid-layout 198
18 react-native-responsive-linechart 144
19 fluent-ui 119
20 React Responsive Select 101
21 insites-ui 30
22 react-responsive 18
23 gulp-sharp-responsive 3