ycs77/headlessui-float

Stars
229
Rank 174,666 (Top 4 %)
Language
TypeScript
License
MIT License
Created over 2 years ago
Updated over 1 year ago

ycs77/headlessui-float

ycs77

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Easily use Headless UI with Floating UI to position floating elements.

Headless UI Float

Easily use Headless UI with Floating UI (New version Popper.js) to position floating elements.

Features

💙 Easily use Headless UI & Tailwind CSS
💬 Floating UI (New version Popper.js) position floating elements
🔔 Auto-update floating elements
♾️ Support Transition
🚪 Support Portal
➡️ Support Arrow

Documentation

Documentation | 繁體中文文檔

Packages

Name	Version	Downloads
`@headlessui-float/react`
`@headlessui-float/vue`

Sponsor

If you think this package has helped you, please consider Becoming a sponsor to support my work~ and your avatar will be visible on my major projects.

Become a Patron

Credits

Headless UI
Floating UI
This package is inspired by the headlessui#154 example

License

Under the MIT LICENSE

laravel-wizard

A web Setup Wizard for Laravel application.

Laravel-shop

(目前沒有維護，僅支持 PHP 7.2) 用 Laravel 5.8 開發的簡易商城，前端介面採用 Bootstrap 4。

inertia-plugin

The plugin page loader for Inertia.js

inertia-laravel-ssr-head

Simple SSR Head for Inertia.js Laravel. No Headless Chrome, Node.js or PHP V8 Extension.

laravel-newebpay

Laravel 串接藍新金流套件

laravel-form-builder-bs4

The Laravel form builder's bootstrap 4 template.

bootstrap-steps

A simple Bootstrap 4 steps plugin, support mobile client.

hexschool-2021-weblayout-tailwindcss

用 Tailwind CSS 刻六角學院 2021 募資網站

lightning

【依賴過舊，不建議使用】關於我用 Laravel 寫 SPA 卻不寫 API 的那檔事 - 系列範例，使用和 Laravel + Vue.js + Inertia.js + Tailwind CSS 構建的簡易部落格平台。

readme-anime-list

自動更新 README 追番列表的 GitHub Action 套件

laravel-line-bot

(暫停維護) 在 Laravel 中快速開發 Line Bot

chatgpt-linebot

ChatGPT (GPT-3.5) LINE 聊天機器人

jquery-plugin-bsModal

bsModal is jQuery plugin, generate bootstrap 4 modal, And crop&upload image modal.

jquery-plugin-c-share

The share to community buttons.

infinite-storage-glitch-docker

aniGamerPlus-windows

(停止同步更新) 巴哈姆特動畫瘋自動下載工具 Windows 版

headlessui-float-docs

Documentation for Headless UI Float.

laravel-up

Upgrade your Laravel application from Laravel source git repository.

laravelconf-2021-livewire-inertiajs-slide

Livewire vs Inertia.js | 關於如何選擇全端框架這檔事簡報

vscode-settings

My VS Code settings and extensions

bootstrap-vue-arsenic

laravel-form-field-type

Fast set the form fields of the Laravel form builder.

di-book-example-php

依賴注入：原理、實作與設計模式 - 範例 PHP 版本 (Lucas)

laravel-docs-lang-switch

快速切換 Laravel 文檔語言的 Tampermonkey 腳本

laravelconf-2021-inertia-example

Inertia.js 範例 - Livewire vs Inertia.js | 關於如何選擇全端框架這檔事

phptheday-inertiajs-demo-front

html-css-js-refs

laravel-crud-page

Fast generate CRUD pages, controllers.

inertia-laravel-ssr-page-cache

laravel-without-api-and-inertiajs-30days

關於我用 Laravel 寫 SPA 卻不寫 API 的那檔事系列文章

laravel-open-graph

Setting Open Graph for Laravel.

laravel-glide

Glide image manipulation for Laravel.

preset

Lucas 的 Presets 集合

bsite-chrome-extension

一個簡易的封鎖頁面 Chrome Extension

bootstrap-admin-layout

A simple Bootstrap 4 admin panel layout component, support mobile client.

youku-m3u8-parser

下載優酷影片小工具 (解析 m3u8 檔、下載影片)

purge-icons-vue

PurgeIcons's vue icon component

phptheday-inertiajs-demo

PHP 也有 Day 56: 前端渲染的後端應用 - 用 Inertia 拉近 Laravel 和 Vue.js 的距離 - 範例

laravelconf-2021-livewire-example

Livewire 範例 - Livewire vs Inertia.js | 關於如何選擇全端框架這檔事

star-note-lucas

星星的筆記．Lucas