Skip to content

Latest commit

 

History

History
 
 

README.md

tambo ui

A component library for tambo ai.

Next.js React Tailwind CSS

A react component library for tambo ai.

Components

Core Components

Message Components

  • Full UI

    • MessageThreadCollapsible: A collapsible message thread component
    • MessageThreadFull: Full version of the message thread
    • MessageThreadPanel: Panel version of the message thread
    • ControlBar: Control bar component
  • Message Thread Components

    • ThreadContent: Content container for message threads
    • ThreadList: List of message threads
    • ThreadHistory: Historical view of message threads
  • Message Elements

    • Message: Individual message component
    • MessageInput: Input component for sending messages
    • MessageSuggestions: Component for displaying message suggestions

AI Components

Form Components

  • Form: Comprehensive form component with various input types
  • InputFields: Reusable input field components

Data Visualization

  • Graph: Data visualization component

More components coming soon!

Installation

Getting Started in an Existing App

# Install the full package
npx tambo full-send

Installing Main Components

Install the core components one by one:

# Message Thread Components
npx tambo add MessageThread@latest
npx tambo add MessageThreadCollapsible@latest
npx tambo add MessageThreadPanel@latest

Installing Sub-Components

For more granular control, install individual sub-components:

# Thread Components
npx tambo add ThreadContent@latest
npx tambo add ThreadList@latest
npx tambo add ThreadHistory@latest

# Form Components
npx tambo add Form@latest
npx tambo add InputFields@latest

For more detailed information about the CLI and its available commands, see the tambo CLI documentation.

See demos of the components in action:

--> here <--

License

MIT License - see the LICENSE file for details.

Join the Community

We're building tools for the future of user interfaces. Your contributions matter.

Star this repo to support our work.

Join our Discord to connect with other developers.


Built by developers, for developers.
Because we believe the future of UI is generative and hyper-personalized.