# Kokonut UI Pro

> 100+ premium UI components and Next.js templates built with React, Tailwind CSS, shadcn, and Motion. Pay once, own the source forever.

## Docs

- [Installation](https://kokonutui.pro/docs.md): Install Kokonut UI Pro sections and components in any React or Next.js project with the shadcn CLI and your API key.
- [Agents](https://kokonutui.pro/docs/agents.md): Use Kokonut UI Pro with Claude Code, Cursor, VS Code or Codex. Connect the shadcn MCP server, add your API key and a rules file, and give your agent the docs as Markdown.
- [Changelog](https://kokonutui.pro/docs/changelog.md): New and updated Kokonut UI Pro components, templates and docs, release by release. Every release is included with Pro.
- [Action Search Bar](https://kokonutui.pro/docs/components/action-search-bar.md): Command palette with ⌘K, nested pages, fuzzy matching and in-row action progress.
- [Action Toolbar](https://kokonutui.pro/docs/components/action-toolbar.md): Floating toolbar whose search button expands into a search field, with feedback on each action.
- [Banners](https://kokonutui.pro/docs/components/banner.md): Announcement, promo, trial and cookie consent banners for the top or bottom of a page.
- [Buttons](https://kokonutui.pro/docs/components/button.md): Buttons for everyday actions plus stateful ones: confirm, download, submit, copy, share, reactions and theme toggle.
- [Calendar Schedule](https://kokonutui.pro/docs/components/calendar-schedule.md): Month calendar with event chips and a side panel listing the selected day's events.
- [Cards](https://kokonutui.pro/docs/components/card.md): Ready-to-use cards for profiles, contacts, checkout, courses, jobs and polls.
- [FAQs](https://kokonutui.pro/docs/components/faqs.md): FAQ sections as accordions and tabs, with keyboard support.
- [Features](https://kokonutui.pro/docs/components/features.md): Feature sections: alternating rows, card grids, bentos, product previews and article grids.
- [File Tree](https://kokonutui.pro/docs/components/file-tree.md): File explorer with keyboard navigation, inline rename and drag to move.
- [Footers](https://kokonutui.pro/docs/components/footers.md): Footer components with newsletter forms, social links, and navigation menus.
- [Forms](https://kokonutui.pro/docs/components/form.md): Complete form cards for support, booking, feature requests, product options, flights and profiles.
- [Headline](https://kokonutui.pro/docs/components/headline.md): Section headlines with a label, highlight, eyebrow or stats row.
- [Heroes](https://kokonutui.pro/docs/components/heroes.md): Hero section components with modern designs and animations for landing pages.
- [Inputs](https://kokonutui.pro/docs/components/input.md): Text, password, autocomplete, tag, shortcut, biometric, recording and verification code inputs, plus a swatch fan color picker.
- [Kanban Board](https://kokonutui.pro/docs/components/kanban-board.md): Sprint board: drag cards between columns, or move them with Space and the arrow keys.
- [Animated List](https://kokonutui.pro/docs/components/list.md): Animated lists: a rotating feed, a removable team list and swipeable cards.
- [Login](https://kokonutui.pro/docs/components/login.md): Sign-up and sign-in screens with social providers, magic links and split layouts.
- [Modals](https://kokonutui.pro/docs/components/modal.md): Dialogs for upgrades, newsletters, settings, plan picking, feedback and new projects.
- [Clinic Dashboard](https://kokonutui.pro/docs/components/pages/clinic-dashboard.md): Doctor's day view with patient queue, today's schedule, recent patients and reminders.
- [Projects Dashboard](https://kokonutui.pro/docs/components/pages/projects-dashboard.md): Project workspace with sidebar, search, filters, grid and list views, and a new-project dialog.
- [Storefront Page](https://kokonutui.pro/docs/components/pages/storefront-page.md): Minimal clothing storefront with product grid or list, a product dialog with size picker and a slide-out cart.
- [Student Dashboard](https://kokonutui.pro/docs/components/pages/student-dashboard.md): School dashboard with upcoming schedule, grades by subject, attendance stats and ongoing courses.
- [Team Calendar Page](https://kokonutui.pro/docs/components/pages/team-calendar-page.md): Week calendar with time-positioned meetings, meeting details sheet, upcoming list and shared files.
- [Pricings](https://kokonutui.pro/docs/components/pricings.md): Pricing section components with cards, toggles, and feature comparisons for various business models.
- [Team Invitation](https://kokonutui.pro/docs/components/team-invite-card.md): Invite form to add emails with roles, send invitations and confirm success.
- [Testimonial Grid](https://kokonutui.pro/docs/components/testimonials/testimonial-grid.md): Headline with client logos beside a grid of short quotes from named customers.
- [Testimonial Stack](https://kokonutui.pro/docs/components/testimonials/testimonial-stack.md): One testimonial at a time on a stack of tilted cards, with previous and next buttons.
- [Toolbars](https://kokonutui.pro/docs/components/toolbar.md): Toolbars for list headers, search, view switching and document editors.
- [Agenta](https://kokonutui.pro/docs/templates/agenta.md): Futuristic template that is aesthetically pleasing and rich in small details, featuring a modern design.
- [AI](https://kokonutui.pro/docs/templates/ai.md): Template for Startup inspired by modern design and little interaction.
- [Futur](https://kokonutui.pro/docs/templates/futur.md): Template for Startup inspired by modern design and little interaction.
- [Grace](https://kokonutui.pro/docs/templates/grace.md): Documentation template.
- [Lume](https://kokonutui.pro/docs/templates/lume.md): A template focused for startups building for AI, Agents and SaaS. Clean, Minimal and Modern.
- [Marlow](https://kokonutui.pro/docs/templates/marlow.md): A portfolio for product designers and design engineers, with live project covers, annotated case studies and a lab of interactions to try.
- [Postly](https://kokonutui.pro/docs/templates/postly.md): Template for Startup inspired by modern design and little interaction.
- [Sonae](https://kokonutui.pro/docs/templates/sonae.md): A clean modern templates for AI Agents.interaction.
- [Startup](https://kokonutui.pro/docs/templates/startup.md): Template for Startup inspired by modern design and little interaction.