Server-first. Simply styled.

A friendly start
for your next UI.

Small components for Next.js. Render on the server, add interaction when you need it, and make everything yours with one theme file.

React 19 / Next.js App Router / Tailwind optional
A few good basics

Familiar on purpose.

Real components. Right here.

Just the right defaults

A quiet palette, native elements, and familiar props.

Form follows function

Labels, inputs, and the browser’s built-in behavior.

Less JavaScript? Absolutely.
This disclosure works with JavaScript turned off.

Server by default

Native HTML can do more than you think.

Interactive when you choose

The same Button, inside a small client wrapper.

Nothing between you and your UI

Import. Compose. Done.

No provider to wrap. No configuration ceremony. Start with a component and let your application grow from there.

Understand server & client →
import { Button, Card } from '@fwenthehunter/friendly-ui';

export default function Page() {
  return (
    <Card>
      <h2>Make something yours.</h2>
      <Button>Let’s go</Button>
    </Card>
  );
}