SaaSHub helps you find the best software and product alternatives Learn more β
Top 16 headlessui Open-Source Projects
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
-
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.
-
virtua
A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue and Solid.
-
twitter-clone
Twitter clone built in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storage (by ccrsxx)
-
next-shopify-storefront
π A Shopping Cart built with TypeScript, Tailwind CSS, Headless UI, Next.js, React.js, Shopify Hydrogen React,... and Shopify Storefront GraphQL API.
-
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.
-
svelte-headlessui-starter
π Launch your next Svelte app using Headless UI. Mirror of Svelte Headless UI Starter on Codeberg. :point_down:
-
react-with-class
Utility methods to create primitive components with a set of classes, props or variants
-
recurring-planner
A calendar designed for aperiodic repetitive events. You have the ability to create templates and add them to your day, fully synchronized with your Google Calendar. Built using Svelte, Tailwind, HeadlessUI, and Golang.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
To make our development process easier and ensure a polished user interface, we'll use Nuxt UI, a comprehensive UI library designed specifically for NuxtJS applications. By incorporating Nuxt UI, we can rapidly build our link shortener app with pre-built, high-quality components, aligning with Supabase's motto: "Build in a weekend, scale to millions."
Project mention: π 7 AI Tools to Improve your productivity: A Deep Dive πͺβ¨ | dev.to | 2024-01-034οΈβ£ React Agent π΅οΈββοΈ
Project mention: Show HN: Virtua β zero-config virtualization components for React | news.ycombinator.com | 2023-07-17
Project mention: Next.js + Supabase Blog app with built-in user admin panel. | /r/Supabase | 2023-10-05Github: https://github.com/timtbdev/Next.js-Blog-App
(Github Link)
Project mention: [Self Promo] Ato UI: A themeable UI library built with UnoCSS | /r/sveltejs | 2023-06-27
If you would like to use this component, you can check out the library I made: react-headless-passcode. It's a headless library that allows you to pass the array value to the usePasscode hook, which takes care of all the complex scenarios mentioned above and other scenarios as well. With headless, you can focus more on building your passcode UI and styling it however you like. The entire control is given to the developer. The job of react-headless-passcode is to provide you with all the logic you need to get the passcode component up and running.
I use a combination of cron(for the `default` mode that you have mentioned) and a tool that I built for fun(https://github.com/RS2007/recurring-planner) for template days. Let me know if this works for you, happy to add more features to it according to user consensus.
headlessui related posts
-
Headless UI
-
Build Link Shortener with Supabase and Nuxt
-
Headless UI - a great components library for Vue & React
-
π 7 AI Tools to Improve your productivity: A Deep Dive πͺβ¨
-
Build E-Commerce apps faster with Storefront UI
-
Looking for a pretty and stable tailwind-based UI kit to use with Nuxt3
-
Tailwind css + Primitive component libraries: React UI's future?
-
A note from our sponsor - SaaSHub
www.saashub.com | 7 May 2024
Index
What are some of the best open-source headlessui projects? This list will help you:
Project | Stars | |
---|---|---|
1 | headlessui | 24,266 |
2 | ui | 3,354 |
3 | react-agent | 1,316 |
4 | react-cmdk | 1,000 |
5 | virtua | 953 |
6 | twitter-clone | 696 |
7 | next-shopify-storefront | 696 |
8 | Next.js-Blog-App | 198 |
9 | vimesh-headless | 73 |
10 | ato-ui | 68 |
11 | svelte-headlessui-starter | 49 |
12 | thien.me | 46 |
13 | shelf-front | 26 |
14 | react-headless-passcode | 11 |
15 | react-with-class | 8 |
16 | recurring-planner | 4 |
Sponsored