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! Learn more →
Top 6 TypeScript headless-ui Projects
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
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.
-
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!
-
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
-
-
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
TypeScript headless-ui related posts
- Asking for some guidance on a plugin for static websites
- Vuetify framework or TawilwindCSS
- É demerito utilizar biblioteca de componente como front end?
- How to Build a Modal Video Component with Tailwind CSS and Next.js
- How does this work? Mapping through array of items, but the array is never declared?
- 🚀 A ready-to-go, fully functional enterprise React.js CRUD app boilerplate, offering a selection of 5 UI frameworks and backend services
- Rewind-UI - A TailwindCSS component library
-
A note from our sponsor - Appwrite
appwrite.io | 8 Jun 2023
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 |