TypeScript Responsive

Open-source TypeScript projects categorized as Responsive

Top 23 TypeScript Responsive Projects

  • antd

    An enterprise-class UI design language and React UI library

  • Project mention: What UI density means and how to design for it | news.ycombinator.com | 2024-05-21

    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/

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

    SurveyJS logo
  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • Project mention: Every Next.js website is starting to look the same | dev.to | 2024-06-16

    First of, I got to point out, I love Next.js. It's my go to framework whenever I start a new web project, no other JS framework allows you to build something beautiful that quickly. But quickly is exactly the issue. If you want to build something quickly it's going to come with some trade offs. If you are working with Next.js, when starting a project you'll probably start with some boilerplate or a template, seems like industries are popping up around Next.js boilerplates nowadays. Next (.js), you'll probably use Tailwind CSS and some component library, most probably shadcn/ui. All of these solutions are great, but, as more developers gravitate towards these ready-made components, the individuality of websites diminishes, leading to a sea of sites that look and feel the same. Something like shadcn/ui is completely customizable, but if you want to finish a website quickly, you probably won't spent that much time on customization, if you are not working strictly by design.

  • ngx-admin

    Customizable admin dashboard template based on Angular 10+

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

    I 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

  • @blueprintjs/core

    A React-based UI toolkit for the web

  • Project mention: Top 23 React UI Component Libraries for Your Next Project🚀 | dev.to | 2024-05-30

    5. Blueprint

  • office-ui-fabric-react

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

  • Project mention: WebTable Automation using Selenium | dev.to | 2024-06-14

    @Test public void validateTableData() { // Load the URL driver.get("https://react.fluentui.dev/?path=/docs/components-table--default#focusable-elements-in-cells"); // Initialise the expected data set var expectedData = List.of( new String[]{"Meeting notes", "Max Mustermann", "7h ago"}, new String[]{"Thursday presentation", "Erika Mustermann", "Yesterday at 1:45 PM"}, new String[]{"Training recording", "John Doe", "Yesterday at 1:45 PM"}, new String[]{"Purchase order", "Jane Doe", "Tue at 9:30 AM"} ); // Locate the table rows var rows = driver.findElements(By.xpath("//div[@id='story--components-table--focusable-elements-in-cells']//tbody//tr[not(th)]")); // Validate the table data for (int rowIndex = 0; rowIndex < rows.size(); rowIndex++) { var row = rows.get(rowIndex); var cells = row.findElements(By.cssSelector("td")); for (int cellIndex = 0; cellIndex < cells.size(); cellIndex++) { var cell = cells.get(cellIndex); // Get the cell value var text = cell.getText().trim(); // Validate Assert.assertEquals(text, expectedData.get(rowIndex)[cellIndex], "Mismatch in column (" + cellIndex + ") at row " + rowIndex); } } }

  • dockge

    A fancy, easy-to-use and reactive self-hosted docker compose.yaml stack-oriented manager

  • Project mention: Dockge: Clean Self-Hosted Docker Compose Manager by the Creator of Uptime Kuma | news.ycombinator.com | 2024-01-14
  • base web

    A React Component library implementing the Base design language

  • Project mention: ⚡Top GitHub Repositories for UI Components | dev.to | 2024-01-05

    🔍 Site ⭐ GitHub

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

    InfluxDB logo
  • rsuite

    🧱 A suite of React components .

  • Project mention: Create a Simple React.js Workflow App From Scratch – Your Ultimate Guide ! | dev.to | 2024-05-20

    Now 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.

  • 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

  • reakit

    Toolkit for building accessible web apps with React

  • Project mention: ⚡Top GitHub Repositories for UI Components | dev.to | 2024-01-05

    🔍 Site ⭐ GitHub

  • flex-layout

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

  • searchkit

    Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components. React & Vue support

  • zeit-ui-react

    A design system for building modern websites and applications.

  • gestalt

    A set of React UI components that supports Pinterest’s design language

  • react-image-crop

    A responsive image cropping tool for React

  • FigmaToCode

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

  • ChatUI

    The UI design language and React library for Conversational UI

  • flowbite-react

    Official React components built for Flowbite and Tailwind CSS

  • Project mention: Tutorial: how to install Meteor.js with Tailwind CSS and Flowbite | dev.to | 2023-07-26

    To get you started you can check out the full collection of React components from the Flowbite React repository and browse the documentation for the source code of each component.

  • css

    The CSS Language and Framework (by master-co)

  • mdbootstrap

    React 18 & Bootstrap 5 & Material Design 2.0 UI KIT

  • orbit-components

    React components of open-source Orbit design system by Kiwi.com (by kiwicom)

  • @artsy/fresnel

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

  • ng-matero

    Angular Material admin dashboard template.

  • Project mention: Hello, I want so serious help, tommow is deadline of the project. I want to create exact this type of navigation in angular 13.can you please tell me how to make it? | /r/Angular2 | 2023-06-26

    You can copy the side menu component from this project. https://github.com/ng-matero/ng-matero/tree/master/src/app/theme/sidemenu

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

TypeScript Responsive discussion

Log in or Post with

TypeScript Responsive related posts

  • WebTable Automation using Selenium

    1 project | dev.to | 14 Jun 2024
  • Top 23 React UI Component Libraries for Your Next Project🚀

    14 projects | dev.to | 30 May 2024
  • What UI density means and how to design for it

    2 projects | news.ycombinator.com | 21 May 2024
  • Open Source Admin Dashboard Starter: Ant Design v5, TypeScript, MongoDB

    2 projects | dev.to | 15 May 2024
  • How I Build Paradise UI: A React UI Component Library

    7 projects | dev.to | 14 May 2024
  • Top 5 UI Component Libraries for React.js

    1 project | dev.to | 11 Apr 2024
  • React Component Libraries

    13 projects | dev.to | 13 Mar 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 17 Jun 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

Project Stars
1 antd 90,722
2 Tailwind CSS 79,776
3 ngx-admin 25,087
4 @blueprintjs/core 20,487
5 office-ui-fabric-react 17,927
6 dockge 10,075
7 base web 8,646
8 rsuite 8,194
9 semi-design 8,026
10 reakit 7,672
11 flex-layout 5,907
12 searchkit 4,723
13 zeit-ui-react 4,250
14 gestalt 4,216
15 react-image-crop 3,761
16 FigmaToCode 3,550
17 ChatUI 2,495
18 flowbite-react 1,755
19 css 1,748
20 mdbootstrap 1,411
21 orbit-components 1,372
22 @artsy/fresnel 1,219
23 ng-matero 1,195

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.
surveyjs.io