# Beste UI > Beautiful, accessible blocks, pieces and components for shadcn/ui and Tailwind CSS, built for React and Next.js. Install one with the shadcn CLI and the code is yours to edit: no runtime dependency, nothing to upgrade. Markdown rendition of https://ui.beste.co/components. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`. Whole catalog for LLMs: https://ui.beste.co/llms.txt. Registry index: https://ui.beste.co/r/registry.json --- # Components(157) Design system primitives: buttons, badges and other building blocks our sections are composed from. Install one and reuse it across your whole project. All categories(157)Newest first 1–24 of 157 | Component | Title | Category | Install | | ------------------------------------------------------- | -------------------- | --------- | ------------------------------------------------------------------- | | [text19](/component/text19) | Strike and Replace | Text | npx shadcn add https://ui.beste.co/component/r/text19 | | [text18](/component/text18) | Circle Text | Text | npx shadcn add https://ui.beste.co/component/r/text18 | | [text17](/component/text17) | Rolling Digits | Text | npx shadcn add https://ui.beste.co/component/r/text17 | | [text16](/component/text16) | Highlight Sweep | Text | npx shadcn add https://ui.beste.co/component/r/text16 | | [text15](/component/text15) | Running Line | Text | npx shadcn add https://ui.beste.co/component/r/text15 | | [text14](/component/text14) | Letters Settling | Text | npx shadcn add https://ui.beste.co/component/r/text14 | | [text13](/component/text13) | Fog Clearing | Text | npx shadcn add https://ui.beste.co/component/r/text13 | | [text12](/component/text12) | Slow Wave | Text | npx shadcn add https://ui.beste.co/component/r/text12 | | [text11](/component/text11) | Ink Drying | Text | npx shadcn add https://ui.beste.co/component/r/text11 | | [text10](/component/text10) | Photo Fill | Text | npx shadcn add https://ui.beste.co/component/r/text10 | | [text9](/component/text9) | Soft Blur In | Text | npx shadcn add https://ui.beste.co/component/r/text9 | | [text8](/component/text8) | Underline Draw | Text | npx shadcn add https://ui.beste.co/component/r/text8 | | [text7](/component/text7) | Count Up | Text | npx shadcn add https://ui.beste.co/component/r/text7 | | [text6](/component/text6) | Typewriter | Text | npx shadcn add https://ui.beste.co/component/r/text6 | | [text5](/component/text5) | Scroll Highlight | Text | npx shadcn add https://ui.beste.co/component/r/text5 | | [text4](/component/text4) | Turning Word | Text | npx shadcn add https://ui.beste.co/component/r/text4 | | [text3](/component/text3) | Letter Cascade | Text | npx shadcn add https://ui.beste.co/component/r/text3 | | [text2](/component/text2) | Line Reveal | Text | npx shadcn add https://ui.beste.co/component/r/text2 | | [text1](/component/text1) | Word Stagger | Text | npx shadcn add https://ui.beste.co/component/r/text1 | | [button22](/component/button22) | Sliding Marker Pill | Button | npx shadcn add https://ui.beste.co/component/r/button22 | | [inspector-variants](/component/inspector-variants) | Inspector Variants | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-variants | | [inspector-unit](/component/inspector-unit) | Inspector Unit | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-unit | | [inspector-transition](/component/inspector-transition) | Inspector Transition | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-transition | | [inspector-tracks](/component/inspector-tracks) | Inspector Tracks | Inspector | npx shadcn add https://ui.beste.co/component/r/inspector-tracks | * Page 1 of 7 * [1](/components) * [2](/components?page=2) * [3](/components?page=3) * [4](/components?page=4) * [5](/components?page=5) * [6](/components?page=6) * [7](/components?page=7) ## Ship the interface, keep the code. New blocks, pieces and components every week. Install one with a command and it is yours to edit. No runtime dependency, no upgrade path to fight. [Browse the libraryBrowse the library](/blocks)[See pricingSee pricing](/pricing) ### Library * [Blocks](/blocks) * [Pages](/pages) * [Pieces](/pieces) * [Components](/components) * [Search](/search) ### Learn * [Docs](/docs) * [AI & MCP](/docs/mcp) * [Blog](/blog) * [Free tools](/tools) * [What's new?](/changelog) * [Website Builder](https://beste.co) ### More * [Pricing](/pricing) * [Referrals](/referrals) * [License](/license) * [GitHub](https://github.com/beste-co/beste-ui) ### Shadcn Blocks * [Shadcn Hero Blocks](/blocks/hero) * [Shadcn Feature Blocks](/blocks/feature) * [Shadcn Pricing Blocks](/blocks/pricing) * [Shadcn CTA Blocks](/blocks/cta) * [Shadcn FAQ Blocks](/blocks/faq) * [Shadcn About Blocks](/blocks/about) * [Shadcn Stats Blocks](/blocks/stats) * [Shadcn Footer Blocks](/blocks/footer) * [Shadcn Navigation Blocks](/blocks/navigation) * [Shadcn Auth Blocks](/blocks/auth) * [Shadcn Ecommerce Blocks](/blocks/ecommerce) * [Shadcn Portfolio Blocks](/blocks/portfolio) * [Shadcn Showcase Blocks](/blocks/showcase) * [Shadcn Careers Blocks](/blocks/careers) * [Shadcn Onboarding Blocks](/blocks/onboarding) * [Shadcn Coming Soon Blocks](/blocks/coming-soon) * [Shadcn Post Blocks](/blocks/post) * [Shadcn Legal Blocks](/blocks/legal) * [Shadcn Workflow Blocks](/blocks/workflow) * [Shadcn News Blocks](/blocks/news) © 2026, [Beste](https://beste.co). All rights reserved.