Perplexity

A full recreation of a Perplexity thread with search steps, citations, sources sheet, composer and a replayable playback, built on shadcn Base UI.

Library

Notra

Framework

React

Type

block

License

AGPL-3.0

Dependencies

cn, lucide-react

Files

• apps/ui/registry/notra/perplexity/components/perplexity-message.tsx
• apps/ui/registry/notra/perplexity/components/perplexity-search.tsx
• apps/ui/registry/notra/perplexity/components/perplexity-citation.tsx
• apps/ui/registry/notra/perplexity/components/perplexity-favicon.tsx
• apps/ui/registry/notra/perplexity/components/perplexity-actions.tsx
• apps/ui/registry/notra/perplexity/components/perplexity-sources-summary.tsx
• apps/ui/registry/notra/perplexity/components/perplexity-composer.tsx
• apps/ui/registry/notra/perplexity/components/perplexity-model-selector.tsx

Source

https://github.com/usenotra/notra

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• shadcn/ui AI Element Components
• Chat Page Components
• React Chat Page Components
• Tailwind CSS Chat Page Components
• shadcn/ui Chat Page Components
• Conversation Components
• React Conversation Components
• Tailwind CSS Conversation Components
• shadcn/ui Conversation Components

More from Notra

• ChatGPT
• ChatGPT Thread
• Claude
• Claude Code
• Codex
• Gemini
• Google AI Overview
• OpenCode
• AI Overview
• AI Overview Citation
• AI Overview Content
• AI Overview Header