# Mise UI blocks for shadcn/ui > Whole screens, palettes and living effects for developers who do not design, each with the psychology behind its shape and a rule for when not to use it. Mise UI publishes 18 blocks for shadcn/ui, all of them free. In its own words: Whole screens, palettes and living effects for developers who do not design, each with the psychology behind its shape and a rule for when not to use it. Its blocks cover login and sign-up, hero, pricing, dashboard and navbar. Free blocks install with the shadcn CLI under the @miseui namespace, so the code lands in your project. - Page, with live previews: https://shadcn.exchange/r/miseui - Its own site: https://miseui.junsu4621.workers.dev/?utm_source=shadcn.exchange - 18 blocks, all free. Last changed 2026-11-05. - Categories: Hero (1), Pricing (1), Dashboard (1), Login (2), Navbar (1), Features (1), Footer (1), CTA (1), FAQ (1), Stats (1), Bento (1), Chat (1) - Search its blocks as JSON: `https://shadcn.exchange/api/catalog?kind=blocks®istry=miseui&q=` Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt). ## Free blocks All 18 blocks, in the order its page shows them. Each installs with the command beside it, in a project that has shadcn/ui set up. - [Login Form](https://shadcn.exchange/r/miseui/login-form): A login with labels that stay visible and inline errors, in three forms: beside a calm brand panel with a password you can reveal, one card on a grey ground, or email only with a check-your-inbox screen. `npx shadcn@latest add https://shadcn.exchange/r/miseui/login-form.json` - [Settings Page](https://shadcn.exchange/r/miseui/settings-page): A settings screen in three decisions: one page with one save bar, one section at a time beside a side nav, or each group as its own plate with its own Save. `npx shadcn@latest add https://shadcn.exchange/r/miseui/settings-page.json` - [Site Footer](https://shadcn.exchange/r/miseui/site-footer): The end of every page, in three decisions: a full map of the site, one quiet line, or a newsletter field above the links. `npx shadcn@latest add https://shadcn.exchange/r/miseui/site-footer.json` - [Docs Layout](https://shadcn.exchange/r/miseui/docs-layout): A documentation screen from a list of pages: nav, page and table of contents, one column for a short guide, or text beside its code. Collapses on phones. `npx shadcn@latest add https://shadcn.exchange/r/miseui/docs-layout.json` - [Pricing Table](https://shadcn.exchange/r/miseui/pricing-table): Pricing with an honest yearly anchor, in three forms: three plans with one raised, a side-by-side feature matrix with a sticky plan header, or one plan priced by the seat. `npx shadcn@latest add https://shadcn.exchange/r/miseui/pricing-table.json` - [Dashboard Overview](https://shadcn.exchange/r/miseui/dashboard-overview): A product dashboard in three decisions: one number first, one large chart first, or the work list first with the numbers as one line. `npx shadcn@latest add https://shadcn.exchange/r/miseui/dashboard-overview.json` - [Signup Steps](https://shadcn.exchange/r/miseui/signup-steps): A sign-up that asks one question at a time, starts with real progress and never ticks consent for anyone, in a card, beside a rail of what is left, or as one large question per screen. `npx shadcn@latest add https://shadcn.exchange/r/miseui/signup-steps.json` - [Error Page](https://shadcn.exchange/r/miseui/error-page): A 404, 500 or offline screen with honest wording and a way out that can work: one sentence, beside places that still work, or a plain readout for developer tools. `npx shadcn@latest add https://shadcn.exchange/r/miseui/error-page.json` - [Landing Hero](https://shadcn.exchange/r/miseui/landing-hero): A marketing hero with one message and two actions, in four layouts: beside a live preview, over a wide product plate, beside two overlapped fragments, or type alone. `npx shadcn@latest add https://shadcn.exchange/r/miseui/landing-hero.json` - [Verification Code](https://shadcn.exchange/r/miseui/verification-code): A one-time code screen with a resend countdown, wrong-code and success states, in wording that never reveals whether an address exists: one card, beside what to look for in the inbox, or a row inside your own form. `npx shadcn@latest add https://shadcn.exchange/r/miseui/verification-code.json` - [Site Header](https://shadcn.exchange/r/miseui/site-header): A marketing site's top navigation with a skip link and a drawer on phones: a plain row of links, panels of grouped links, or pieces floating over the page. `npx shadcn@latest add https://shadcn.exchange/r/miseui/site-header.json` - [Empty State](https://shadcn.exchange/r/miseui/empty-state): A first screen that gives people somewhere to start: worked examples, the first three things to do, or a ghost of the filled screen with sample data. `npx shadcn@latest add https://shadcn.exchange/r/miseui/empty-state.json` - [CTA Section](https://shadcn.exchange/r/miseui/cta-section): One clear thing to do, in three decisions: a plate that ends the page, text beside a piece of the product, or a slim row inside a long page. `npx shadcn@latest add https://shadcn.exchange/r/miseui/cta-section.json` - [Stats Section](https://shadcn.exchange/r/miseui/stats-section): Numbers that make a claim believable, in three decisions: several of equal weight, one to remember above the rest, or each beside what it counts. `npx shadcn@latest add https://shadcn.exchange/r/miseui/stats-section.json` - [Feature Bento](https://shadcn.exchange/r/miseui/feature-bento): A features section in three forms: an asymmetric grid of mixed cell sizes, alternating picture and text rows, or a list of features driving one large panel. `npx shadcn@latest add https://shadcn.exchange/r/miseui/feature-bento.json` - [FAQ Section](https://shadcn.exchange/r/miseui/faq-section): Answers before someone has to ask: a short list on one plate, a longer list beside a heading that stays in view, or a filter box with an empty state. `npx shadcn@latest add https://shadcn.exchange/r/miseui/faq-section.json` - [Chat Assistant](https://shadcn.exchange/r/miseui/chat-assistant): An AI chat that shows the model working, as a full screen, a panel docked beside the work, or a launcher that opens a small window. `npx shadcn@latest add https://shadcn.exchange/r/miseui/chat-assistant.json` - [Onboarding Checklist](https://shadcn.exchange/r/miseui/onboarding-checklist): First-run setup with a true progress count: a list as its own screen, a slim row above the page, or welcome steps one at a time in a dialog. `npx shadcn@latest add https://shadcn.exchange/r/miseui/onboarding-checklist.json`