@dendelion/func-ui
v0.1.1
Published
Glossy, noisy, cosy React component library — frosted glass, film grain, and lava glow
Maintainers
croco-dendyReadme
Func UI
A glossy, noisy, cosy React component library — frosted glass, film grain, and a lava-lamp glow. Extracted from the df.adoo.one CV site.
@dendelion/func-ui· React 18 · Tailwind-friendly · CSS-modules under the hood
Install
pnpm add @dendelion/func-uiimport { Backdrop, Glass } from '@dendelion/func-ui';
import '@dendelion/func-ui/dist/index.css';
export default function App() {
return (
<Backdrop>
<Glass className="p-12">Frosted. Noisy. Cosy.</Glass>
</Backdrop>
);
}Toggle dark mode by adding/removing the dark class on <html> — every token
(--fui-*) retints automatically.
Components (foundation)
| Component | What it is |
| --- | --- |
| Backdrop | Full-bleed ambient shell — composes Glow + Grain behind content |
| Grain | Drifting film-grain overlay |
| Glow | The lava-lamp gooey glow (colour follows --fui-glow) |
| Glass | The frosted translucent surface primitive |
More chunks (Card, Button, IconButton, ThemeToggle, Layout, Page, Nav) are on the way.
Tailwind preset
// tailwind.config.ts
import { funcPreset } from '@dendelion/func-ui/tailwind';
export default { presets: [funcPreset], content: [/* ... */] };Develop
pnpm install
pnpm dev # run the showcase
pnpm build # build the library (dist/)
pnpm build:showcase # build the showcase site (dist/app/)
pnpm ci # types + lint + buildLicense
MIT © Dendelion