# PODIE > React UI components and frontend templates with live previews, attributed source and shadcn-compatible installation. Documentation revised: 2026-10-02. This response contains 219 currently published components and 3 full-site templates. Operated by world of creator, United States. Contact: zhang.chen@worldofcreator.com. PODIE is an independent catalog. Third-party authors retain their source attribution and applicable licenses. npm, pnpm, Yarn and Bun commands copy source through the shadcn CLI; they do not install a package named PODIE. Some entries are native React components; others wrap an isolated iframe scene. Installed source does not update automatically. New upstream discoveries are reviewed before publication. The CODING and DESIGN templates are browser frontends with local demo replies, not hosted AI agents. The October 1 installation record covers four project-level builds with the same 20 entries, not every framework or device. Source review, successful installation, accessibility, performance and actual user adoption are different evidence. These files are optional context resources, not a promise of search indexing or AI citation. ## Start here - [Collection](https://podie.dev/): Visual gallery with category navigation, previews and install commands. - [Installation](https://podie.dev/installation): Project setup, all four runners, aliases, dependencies, styles, troubleshooting and update behavior. - [FAQ](https://podie.dev/faq): Framework support, iframe boundaries, licensing, autoplay and local template behavior. - [Full reference](https://podie.dev/llms-full.txt): Expanded guides, comparison findings, FAQ, framework boundaries and all published component records. ## Selection guides - [React text animation components](https://podie.dev/categories/typography): Choose React text animations by numeric content, whole-text reveals, character staggering, and reduced-motion behavior. - [Animated backgrounds for React](https://podie.dev/categories/backgrounds): Compare decorative CSS, Canvas and WebGL backgrounds, with integration checks for readable content and device performance. - [Animated React buttons](https://podie.dev/categories/buttons): Choose click, pulse, magnetic and hold button effects with specific keyboard, touch and reduced-motion checks. - [Scroll and landing page animations for React](https://podie.dev/categories/landing): Choose React scroll effects and self-contained Codrops scenes with clear boundaries for page scroll, content and styling. ## Comparisons - [Pulsating Button vs Ripple Button](https://podie.dev/compare/pulsating-vs-ripple-button): A source-based comparison of two React button effects: repeated attention versus click feedback, dependencies and integration limits. - [Focus Blur Resolve vs Per Character Rise](https://podie.dev/compare/blur-vs-character-text): Compare two React headline reveals by animated elements, blur, stagger, trigger behavior and explicit reduced-motion handling. ## Engineering notes and evidence - [How we checked 20 PODIE installs with four package managers](https://podie.dev/blog/registry-installation-check): The exact scope, versions, results and limitations of PODIE’s October 1 production registry installation sample. - [How PODIE previews play without hiding the installation boundary](https://podie.dev/blog/how-podie-previews-play): How viewport loading, retained previews, 3D hover playback and reduced-motion settings work in the PODIE gallery. - [Installation evidence](https://podie.dev/evidence/install-check-2026-10-01.json): Sample IDs, registry hashes, tested versions, results and limitations. ## Full-site templates - [WORKFLOW React Node Builder Template](https://podie.dev/frameworks/workflow): A React workflow builder with an infinite node canvas, connected branches, configurable steps and inspectable execution results. Includes source-registry and ZIP download links. - [CODING React AI Coding Workspace Template](https://podie.dev/frameworks/coding): A React frontend for an AI coding workspace, with local demo conversations, source editing, change review and a simulated terminal. Includes source-registry and ZIP download links. - [DESIGN React Infinite Canvas Editor](https://podie.dev/frameworks/design): A React design workspace with an infinite canvas, editable artboards, layers, image tools and browser-saved projects. Includes source-registry and ZIP download links. ## Browse the full catalog - [Typography](https://podie.dev/#typography): 63 published entries. Gallery section; inspect an individual detail page before choosing. - [Transitions](https://podie.dev/#transitions): 29 published entries. Gallery section; inspect an individual detail page before choosing. - [Landing](https://podie.dev/#landing): 13 published entries. Gallery section; inspect an individual detail page before choosing. - [Cards](https://podie.dev/#cards): 12 published entries. Gallery section; inspect an individual detail page before choosing. - [Interaction](https://podie.dev/#interaction): 17 published entries. Gallery section; inspect an individual detail page before choosing. - [Carousel](https://podie.dev/#carousel): 11 published entries. Gallery section; inspect an individual detail page before choosing. - [3D](https://podie.dev/#3d): 8 published entries. Gallery section; inspect an individual detail page before choosing. - [Backgrounds](https://podie.dev/#backgrounds): 26 published entries. Gallery section; inspect an individual detail page before choosing. - [Feedback](https://podie.dev/#feedback): 3 published entries. Gallery section; inspect an individual detail page before choosing. - [Navigation](https://podie.dev/#navigation): 4 published entries. Gallery section; inspect an individual detail page before choosing. - [Buttons](https://podie.dev/#buttons): 8 published entries. Gallery section; inspect an individual detail page before choosing. - [Loading](https://podie.dev/#loading): 11 published entries. Gallery section; inspect an individual detail page before choosing. - [Menu](https://podie.dev/#menu): 12 published entries. Gallery section; inspect an individual detail page before choosing. - [AI & chat](https://podie.dev/#ai-chat): 1 published entries. Gallery section; inspect an individual detail page before choosing. - [Inputs](https://podie.dev/#inputs): 1 published entries. Gallery section; inspect an individual detail page before choosing. ## Optional - [About](https://podie.dev/about): Product scope and operator identity. - [Terms](https://podie.dev/terms): Website terms; individual source notices still apply. - [Privacy](https://podie.dev/privacy): Analytics and browser persistence practices. - [Sitemap](https://podie.dev/sitemap.xml): Canonical public pages, including guides, comparisons, blog, FAQ and component details. - [Registry](https://podie.dev/registry.json): Machine-readable published source registry; a download is not proof of installation.