odysseyui

Demo of the animated logo cloud with group cycling.

Animated logo cloud that cycles groups of 3 logos with spring blur transitions.

Demo of the logo cloud that cycles groups of 3 with spring blur transitions.

Infinite scrolling logo marquee with progressive blur edges and motion-powered animation.

Demo of the infinite scrolling logo marquee with progressive blur edges.

CSS-animated logo carousel that cycles groups with blur and slide transitions.

Demo of the CSS-animated logo carousel with blur and slide transitions.

CSS marquee logo cloud with configurable direction, speed, gap, and fade edges.

Demo of the CSS marquee logo cloud with direction, speed, gap, and fade controls.

A magnetic effect that clings to the cursor, creating a magnetic attraction effect.

Demo showing a magnetic effect.

Menu icon component.

A composable chat message bubble with avatar, content, and timestamp sub-components. Role-aware layout for user and assistant messages.

Demo of the Message Bubble component inside a Chat Container.

A modal-based AI model picker with provider filtering, search, starred models, and capability badges.

Demo of the AI model selector modal component.

A text component that smoothly morphs characters to transition between strings.

Demo showing an animated morphing text.

A fun notification list with animated stacking and cards that expand as you interact.

Demo showing a notification list.

A particles effect that creates a particle system.

Demo showing an animated particles.

Party popper icon component.

A pin list component that allows you to pin items to the top of the list.

A playful todolist component with animated wavy strikethroughs for each completed task.

Demo showing a playful todolist.

Modern pricing grid with animated sliding numbers, billing toggle, and featured plan corner decorations.

Demo of the animated sliding number pricing grid.

Three-column pricing with gradient featured card and illustrated cursor decoration.

Demo of the gradient featured card pricing section.

Asymmetric three-column pricing with elevated featured plan, amber badge, and security footer note.

Demo of the asymmetric three-column pricing layout.

Pastel pricing cards with animated billing toggle, tag badges, and info rows.

Demo of the pastel pricing cards with animated billing toggle.

Horizontal list-style pricing layout with accent icon blobs, strikethrough original prices, and optional recommended badge.

Demo of the horizontal list-style pricing layout.

Tabbed individuals/teams pricing grid with coloured card backdrops, Avatar orbs, grain texture overlays, and feature checklists.

Demo of the tabbed individuals/teams pricing grid.

Simple Prompt Interface input design.

Demo of the AI prompt input interface.

A vertically stacked set of interactive headings that each reveal an associated section of content.

Demo showing an animated radix accordion.

A modal dialog that interrupts the user with important content and expects a response.

Demo showing an animated radix alert dialog.

A control that allows the user to toggle between checked and not checked.

Demo showing an animated radix checkbox.

An interactive component which expands/collapses a panel.

Demo showing an animated radix collapsible.