headlessui

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. (by tailwindlabs)

Stats

Basic headlessui repo stats
20
8,662
8.3
9 days ago

tailwindlabs/headlessui is an open source project licensed under MIT License which is an OSI approved license.

Headlessui Alternatives

Similar projects and alternatives to headlessui

  • GitHub repo kit

    A monorepo for SvelteKit and friends (by sveltejs)

  • GitHub repo hotwire-rails

    Use Hotwire in your Ruby on Rails app

  • GitHub repo Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • GitHub repo chakra-ui

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

  • GitHub repo gomodest

    A complex SAAS starter kit using Go, the html/template package, and sprinkles of javascript.

  • GitHub repo ant-design-site-temporary

    antd repo disappear, we are contacting GitHub to recover.

  • GitHub repo Svelte

    Cybernetically enhanced web apps

  • GitHub repo Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

  • GitHub repo docsify

    🃏 A magical documentation site generator.

  • GitHub repo Alpine.js

    A rugged, minimal framework for composing JavaScript behavior in your markup.

  • GitHub repo NewPipe

    A libre lightweight streaming front-end for Android.

  • GitHub repo downshift 🏎

    🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

  • GitHub repo react-native-firebase

    🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.

  • GitHub repo openapi-generator

    OpenAPI Generator allows generation of API client libraries (SDK generation), server stubs, documentation and configuration automatically given an OpenAPI Spec (v2, v3)

  • GitHub repo Quarkus

    Quarkus: Supersonic Subatomic Java.

  • GitHub repo Sapper

    The next small thing in web development, powered by Svelte

  • GitHub repo antd

    🌈 A UI Design Language and React UI library

  • GitHub repo styled-jsx

    Full CSS support for JSX without compromises

  • GitHub repo makesite

    Simple, lightweight, and magic-free static site/blog generator for Python coders

  • GitHub repo ructe

    Rust Compiled Templates with static-file handling

NOTE: The number of mentions on this list indicates mentions on common posts. Hence, a higher number means a better headlessui alternative or higher similarity.

Posts

Posts where headlessui has been mentioned. We have used some of these posts to build our list of alternatives and similar projects - the last one was on 2021-05-03.
  • Looking to contribute!
    reddit.com/r/sveltejs | 2021-05-03
    Headless UI currently has no svelte implementation due to them focusing on react and vue . It's a "Completely unstyled, fully accessible UI component" library (vue example). I have long wanted to build this for svelte but thought it was too big of a project for one.
  • Tailwind UI-kits and using Material with tailwind.
    reddit.com/r/reactjs | 2021-04-30
    https://headlessui.dev/ (this is by the tailswinds team)
  • Headless UI or Chakra UI for a new project?
    reddit.com/r/reactjs | 2021-04-28
    For a new dashboard-like project, would you choose Headless UI or Chakra UI? Why?
  • I made a free dashboard template using Tailwind CSS and React
    reddit.com/r/reactjs | 2021-04-27
  • Building Vue Components with Headless UI and Tailwind css
    reddit.com/r/vuejs | 2021-04-16
    Hello everyone! Headless UI hit 1.0 recently. I explain how it works and built some UI components with it, it's quite cool. This video starts with a React demo but also showcases Vue aftwards.
  • Tailwind css released headless ui and it's absolutely amazing!
  • Fully accessible Menu components by headless UI tailwindcss
    dev.to | 2021-04-16
    This blog focuses on best-practice guidance on implementing accessibility in the menu components by using Headless UI from the creator of tailwind Labs using tailwindcss.
  • Gutenberg or Oxygen?
    reddit.com/r/Wordpress | 2021-04-15
    How do you keep track of stuff in Oxygen, does it support git? Or what about accessibility? Do they provide some sort of component library like Headless UI? Gutenberg components are accessible out of the box, and rolling this yourself is quite complicated if you're not a JS wizard.
  • Headless UI v1.0 – Completely unstyled, fully accessible UI components
    news.ycombinator.com | 2021-04-15
  • Headless UI 1.0 released, with all new docs
    reddit.com/r/vuejs | 2021-04-14
    This is made by the Tailwind guys, and I think for now they are just focusing on React and Vue.
    reddit.com/r/vuejs | 2021-04-14
  • HeadlessUI v1.0
    news.ycombinator.com | 2021-04-14
  • Ask HN: What novel tools are you using to write web sites/apps?
    news.ycombinator.com | 2021-04-04
    - tailwindcss

    I moved a React side-project from CRA to Next.js for server-side rendering benefits, but the latter doesn't support directly importing css styles in jsx to avoid problems with the global scope.

    The two options offered were CSS modules and CSS-in-JS. I didn't like either approaches having hashes in the classname when opening the website in devtools, and both seemed too locked into React/JSX.

    Tailwind 1. doesn't have component framework lock-in 2. doesn't make me think of css classnames 3. atomic classnames are readable in dev tools 4. provides default colors and box shadows, etc.

    In addition, they're starting to make a render-less component library (https://headlessui.dev/): that means you can customize how components look without having to understand how its javascript internals work, which I'd find a huge plus compared to other libraries like ant design or material-ui.

    - vite + react

    More beginner friendly than webpack in starting a new project, and faster developer experience: page reloads almost instantly when you're modifying a component.

  • Beginner's Thread / Easy Questions (April 2021)
    reddit.com/r/reactjs | 2021-04-02
    If you consider the component doing to much work and need refactor, you can go with HeadlessUI route, making the component provide data or manage states only, while renderings are done in children.
  • I Don't Like Tailwind CSS
    news.ycombinator.com | 2021-03-11
    I’m in this boat and would also love to hear what people are doing. I checked out the Tailwind companion component library, Headless UI (https://headlessui.dev/) but it seems like very early days indeed.