NexusUI

Aquarium Prompt

AI chats

About

An AI prompt box floating in a pixel-art aquarium. Fish school behind the frosted glass, scatter from your pointer, crowd round the caret as you type, and swim into the box when you send. Part of Nexus UI: nexus-ui.com/components/aquarium-prompt

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Aquarium Prompt to your project and fits it to your theme.

Code

How Aquarium Prompt is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { AquariumPrompt } from "@/components/ui/aquarium-prompt";

export default function Demo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center p-6">
      <AquariumPrompt />
    </div>
  );
}

Dependencies

More by NexusUI

View all
  • Circular Carousel

    Circular Carousel

    1.3K
  • Images Badge

    Images Badge

    991
  • Chat Messages

    Chat Messages

    339
  • Cinematic Logo Cloud

    Cinematic Logo Cloud

    164
  • Infinite Moving Cards

    Infinite Moving Cards

    162
  • Shooting Stars Grid

    Shooting Stars Grid

    159
  • Logo Clouds

    Logo Clouds

    113
  • Image Trail

    Image Trail

    94

More in AI chats

View all
  • AI Actions

    AI Actions

    335
  • Color Picker

    Color Picker

    149
  • Source Lens

    Source Lens

    7
  • Message With Header And Delivery Status

    Message With Header And Delivery Status

    47
  • AI Task List

    AI Task List

    179
  • System Message

    System Message

    70
  • Commit

    Commit

    26
  • Agent Chat

    Agent Chat

    18