# easeUI Pro

> The UI kit for AI products. Animated React components, whole page sections and downloadable templates, installed as source files you own. Built with React, Next.js, Tailwind CSS and Motion.

Each item below links to a markdown page with its variants and exact install commands. A license is needed to install source; browsing is open.

## Pricing

- Yearly: $99 per year per seat
- Lifetime: $159 once per seat

Seat discounts apply for teams. Details: https://pro.easeui.dev/#pricing

## Components

- [Action Menu](https://pro.easeui.dev/components/action-menu.md): A dropdown with icons, shortcuts, a toggle item, and a destructive action.
- [Activity Heatmap](https://pro.easeui.dev/components/activity-heatmap.md): A year of activity as a grid of days, like a contribution graph, in one hue with five ordered steps.
- [Agent Timeline](https://pro.easeui.dev/components/agent-timeline.md): The record of an agent run, with a status mark and a duration on every step, each one folding out to show its own detail.
- [Bar Chart](https://pro.easeui.dev/components/bar-chart.md): Counts over time as a full width run of bars, and a ranked bar list for top pages, referrers and countries.
- [Border Beam](https://pro.easeui.dev/components/border-beam.md): A light that travels round an element's border while something is working, or a soft ring that holds still.
- [Cards](https://pro.easeui.dev/components/cards.md): Balance, profile, invite and folder cards, each a small complete surface with its own motion.
- [Citation Answer](https://pro.easeui.dev/components/citation-answer.md): An answer whose inline markers are real buttons, each lighting up the source it came from.
- [Data Table](https://pro.easeui.dev/components/data-table.md): Search, category chips, sort, and bulk actions, collapsing to cards on mobile.
- [Diff Review](https://pro.easeui.dev/components/diff-review.md): A coding agent's edit to one file as a diff to accept or reject, with line numbers, added and removed counts, and code that folds away once decided.
- [Donut Chart](https://pro.easeui.dev/components/donut-chart.md): Part to whole and ratio against a limit. A donut with the total in the middle, and a half ring gauge.
- [Elastic Tooltip](https://pro.easeui.dev/components/elastic-tooltip.md): A tooltip that springs into place beside its trigger, flipping side when it runs out of room and skipping its delay once you're already reading labels.
- [Expanding Card](https://pro.easeui.dev/components/expanding-card.md): A card that keeps its size and slides a colored panel out from underneath on hover.
- [Flip Card](https://pro.easeui.dev/components/flip-card.md): A card that flips between a front and back face on hover or click.
- [Funnel Chart](https://pro.easeui.dev/components/funnel-chart.md): A conversion funnel as horizontal stages measured against the first, with the step conversion and the drop off between each.
- [Gooey](https://pro.easeui.dev/components/gooey-menu.md): Stretchy controls. A menu whose actions pop out, tabs whose highlight stretches between options, and pagination dots that stretch to the next one.
- [Hold Button](https://pro.easeui.dev/components/hold-button.md): A button you press and hold to confirm, for delete or publish. A fill grows behind the label and drains back if you let go early.
- [Image Compare](https://pro.easeui.dev/components/image-compare.md): A before and after pair split by a divider you drag, built on a real range input so the keyboard works for free.
- [KPI Card](https://pro.easeui.dev/components/kpi-card.md): The numbers a dashboard leads with. A stat tile with change and trend, a value against its goal, and a total split into its parts.
- [Like Button](https://pro.easeui.dev/components/like-button.md): A heart that pops, throws a ring of sparks and rolls its count up.
- [Logo Marquee](https://pro.easeui.dev/components/logo-marquee.md): A row of logos scrolling forever, faded at both ends, that stops whenever nobody is reading it.
- [Metal](https://pro.easeui.dev/components/metal-button.md): Brushed metal for the one call to action that sells, and a matching badge for Pro or New.
- [Model Picker](https://pro.easeui.dev/components/model-picker.md): A model switcher with each maker's real logo, what the model is good at and its context window, with search and full keyboard control.
- [Number Ticker](https://pro.easeui.dev/components/number-ticker.md): Numbers that move. One counts up to its value when first seen, the other rolls its digits like an odometer whenever it changes.
- [Pricing Card](https://pro.easeui.dev/components/pricing-card.md): A plan card with a price, what you get, and one call to action, plus a featured treatment that costs no extra height.
- [Prompt Composer](https://pro.easeui.dev/components/prompt-composer.md): The box a run starts from, with text that grows as you type, slash commands on the keyboard, and one button that is Send or Stop but never both.
- [Questionnaire](https://pro.easeui.dev/components/questionnaire.md): A few questions one screen at a time, every option on a number key, taking one answer or many.
- [Sparkline](https://pro.easeui.dev/components/sparkline.md): A trend in the space of a word, for a table cell or beside a number, with a hover readout for the exact value.
- [Streaming Message](https://pro.easeui.dev/components/streaming-message.md): An assistant reply that streams in. Words fade up as they arrive, code lands in a block with its own copy button, and the actions wait until the answer is done.
- [Testimonial Card](https://pro.easeui.dev/components/testimonial-card.md): A quote on the Pro two layer card, with an optional rating and the attribution on its own footer.
- [Text Animations](https://pro.easeui.dev/components/text-animations.md): A color sweep reveal, a marker highlight and split flap letters like an airport board, for headlines and labels.
- [Thinking Loader](https://pro.easeui.dev/components/thinking-loader.md): Twinkling pixels for the moment an agent is working, laid out as a grid, a diamond, or a triangle.
- [Thinking Orb](https://pro.easeui.dev/components/thinking-orb.md): Small dot orbs that say what an agent is doing. Thinking, searching, writing or listening, each with its own motion.
- [Tool Call](https://pro.easeui.dev/components/tool-call.md): What an agent does with its tools. A card for each call with a live timer and its input and output, and a permission prompt before anything that matters runs.
- [Usage Meter](https://pro.easeui.dev/components/usage-meter.md): A segmented usage bar with an upgrade prompt, and a budget meter whose bars fill and recede as the numbers change.
- [Voice Input](https://pro.easeui.dev/components/voice-input.md): A mic button that records from the real microphone, with bars that follow your voice and a timer, handing back the audio for speech to text.

## Blocks (whole page sections)

- [Agent Console](https://pro.easeui.dev/blocks/agent-console.md): An AI agent at work in one panel. The run on the left, its output on the right, and the budget it spent along the bottom.
- [Agent Thread](https://pro.easeui.dev/blocks/agent-thread.md): An AI chat that streams word by word, shows its tool calls, asks before it acts, and cites its sources. As a full page or a docked copilot.
- [Agent Workspace](https://pro.easeui.dev/blocks/agent-workspace.md): One place for an agent run. A prompt with a border beam while it works, the plan ticking off, then an answer with its sources.
- [Auth](https://pro.easeui.dev/blocks/auth.md): Sign in, sign up, a one time code and a password reset, all sharing one form kit with inline errors and loading buttons that never resize.
- [Changelog](https://pro.easeui.dev/blocks/changelog.md): Releases on a single timeline. The date, a dot and the title, in one quiet line each.
- [Contact](https://pro.easeui.dev/blocks/contact.md): A contact section. The ways to reach you beside a form that checks itself and turns into a thank you.
- [CTA](https://pro.easeui.dev/blocks/cta.md): The closing ask of a landing page. A centered panel with two actions, or the pitch beside the product itself.
- [Dashboard](https://pro.easeui.dev/blocks/dashboard.md): An analytics dashboard in one section. A date range switch, a row of numbers, a bar run, a donut, a ranked list and a year of activity.
- [Empty State](https://pro.easeui.dev/blocks/empty-state.md): What a screen shows before there is anything on it. What goes here, and the fastest way to put the first thing in.
- [Error Page](https://pro.easeui.dev/blocks/error-page.md): The pages for when something goes wrong. A 404 that helps people find their way, and a friendly error with a retry.
- [FAQ Wall](https://pro.easeui.dev/blocks/faq.md): The questions that always follow a price, as disclosures that open without a layout pass, with a way out at the bottom.
- [Feature Grid](https://pro.easeui.dev/blocks/feature-grid.md): A bento features section. A wide before and after, a card that turns over, and tiles that slide their detail out on hover.
- [Footer](https://pro.easeui.dev/blocks/footer.md): The wordmark and what the product is, the link columns, and a bottom row with the legal links and social marks.
- [Hero](https://pro.easeui.dev/blocks/hero.md): The top of a landing page, as a launch announcement or as a centered pitch over the product itself.
- [Invoice](https://pro.easeui.dev/blocks/invoice.md): Invoices for a SaaS app. A document that prints clean, and a list you filter by status and open in place.
- [Navbar](https://pro.easeui.dev/blocks/navbar.md): A site navbar with links, menus and two actions, transparent over the hero until you scroll, collapsing to a panel on a phone.
- [Pricing Wall](https://pro.easeui.dev/blocks/pricing-wall.md): A billing switch, a row of plan cards where the featured one costs no extra height, and the questions that always follow a price.
- [Proof Wall](https://pro.easeui.dev/blocks/proof-wall.md): A row of numbers, a wall of quote cards that reflows to one column on a phone, and a logo row underneath. The section every landing page needs once it has customers.
- [Settings](https://pro.easeui.dev/blocks/settings.md): The account screens every app needs. A profile that saves only when changed, billing with usage and invoices, and a team you can invite to.
- [Stats](https://pro.easeui.dev/blocks/stats.md): The numbers a landing page leans on, counting up the first time they are seen.
- [Step Form](https://pro.easeui.dev/blocks/step-form.md): A long form broken into steps that validate as you leave them, with a way back that never traps anyone and a last look before sending.
- [Team](https://pro.easeui.dev/blocks/team.md): The people behind the product, with faces or initials, what they do and where to find them.

## Templates (whole apps to download)

- [Personal Site](https://pro.easeui.dev/templates/personal): A calm personal site with your projects, writing and work history. Edit one file to make it yours, and write posts in MDX. $29 on its own, included with Lifetime.
- [AI Chat App](https://pro.easeui.dev/templates/ai-chat): A complete AI chat app with projects, a model picker, streaming replies, tool calls, approvals and diffs. Add your Anthropic key and it answers with Claude. $69 on its own, included with Lifetime.

## Studio (done for you)

- [Studio Polish](https://pro.easeui.dev/studio): One screen made to feel finished. A landing hero, a chat view, a pricing page. $750 fixed, includes Lifetime Pro for 1 person.
- [Studio Launch](https://pro.easeui.dev/studio): The screens people judge you on before they pay. Built to ship the week it lands. $2,400 fixed, includes Lifetime Pro for 3 people.
- [Studio Monthly](https://pro.easeui.dev/studio): A design engineer on call for a product that keeps shipping. Pause or stop any month. $3,500 per month, includes Lifetime Pro for 5 people.

## Docs

- [Install](https://pro.easeui.dev/docs/install): registry setup and license keys
- [Agent guide](https://pro.easeui.dev/docs/agent-guide): using easeUI Pro from a coding agent
- [Everything in one file](https://pro.easeui.dev/llms-full.txt)