TypeScript headless-ui

Open-source TypeScript projects categorized as headless-ui
Edit details
Topics: #React #A11y #Tailwindcss #Accessibility #TypeScript
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com
Sponsored

Top 6 TypeScript headless-ui Projects

  • headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

    Project mention: Asking for some guidance on a plugin for static websites | /r/vuejs | 2023-05-29

    Though I'm not a great fan of everything going on with https://headlessui.com/ I think it integrates at the right level I would like to see and balances both integration packages for react and vue on a good level.

  • rci

    🔢 better code inputs for react/web

    Project mention: Need help making my component accesible | /r/webdev | 2022-07-16

    I have created a simple segmented input component, using the not so accessible technique of having multiple input components next to each other. I know it's bad, but doing it the rci is more difficult and limiting, but now I want to make it more accessible. My approach is to make a second input element next to it, hide it with css, and make screen readers think it's the actual input field. However, I don't really know how. So, what aria attributes and what not can I give to to trick screen readers into not seeing the div and only the input and is it even doable? Here's is the general DOM structure of my component

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • solid-headless

    Headless UI for SolidJS

    Project mention: New to web development, How can I create a tab system? | /r/solidjs | 2023-02-08

    You should avoid implementing standardized components on your own because there is much more to consider than it seems at first (screen reader support, keyboard navigation). For this reason you usually want to use a (headless) component library. I usually use solid-healdess. You can go to it's examples folder to see how to use any of the components

  • use-lilius

    📅 A headless calendar hook for React.

  • react-headless-hooks

    Build and design powerful components while retaining 100% control over markup and styles.

  • github-search-graphql-SWR

    Utilizing @graphql-codegen/SWR with GraphQL Request + a Global SWR config to explore the pros and cons of replacing apollo with a more lightweight SWR

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 2023-05-29.

TypeScript headless-ui related posts

Index

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

Project Stars
1 headlessui 20,839
2 rci 851
3 solid-headless 554
4 use-lilius 232
5 react-headless-hooks 115
6 github-search-graphql-SWR 2

Sponsored
Access the most powerful time series database as a service
Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
www.influxdata.com