Core Examples

Accessible React components with Base UI and Yumma CSS.

Base

Standard implementation with default configuration.

---

Confirmation

Requires explicit confirmation before proceeding.

---

Nested

Supports sub-levels of content within a parent item.

---

Shape Examples

Shapes from sharp to fully rounded.

Square

Applies sharp corners with no border-radius.

---

Squircle

Applies a smooth continuous curve between adjacent corners.

---

More Examples

Additional variants and interactive states.

Edit Profile

Opens a dialog with editable profile fields.

---

New Task

Opens a dialog to create a new task.

---

Send Invite

Opens a dialog to invite new members.

---

Share Task

Opens a dialog to share a task with collaborators.

---

Sign In

Shows a sign-in form within the dialog.

---

Sign Up

Shows a sign-up form within the dialog.

---

Static

Renders without motion wrappers or interactive animations.