Arc UI
Animated React components and blocks for shadcn and Next.js, with docs your AI tools can read.
FrameworkFree planWeb
4.4Visit
Framework
mdxcn
Free callouts, steps, terminals, charts and timelines for MDX, installed with the shadcn CLI.
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is mdxcn?
mdxcn is a free, open-source set of components for MDX documentation and blogs, including callouts, steps, terminal blocks, charts and timelines. You copy any component into your project with the shadcn CLI, so you own and can customise the code. It is released under the MIT licence.
Pros
- Makes docs and blog posts richer
- Copy-in components you own
- Free and open source (MIT)
Cons
- Only for MDX-based sites
- Requires a React and shadcn setup
Who should use mdxcn
Developers writing docs or blogs in MDX who want better-looking content blocks.
Who may not need it
People using a hosted blogging platform.
mdxcn alternatives
Similar resources to mdxcn, picked from the directory.
ForgeUI
Animated React and Tailwind components, blocks and templates.
WebsiteFree planWeb
4.4Visit
Shoogle
Search engine for shadcn UI components, blocks and templates across registries.
Web AppFreeWeb
4.4Visit
shadcn/ui
Beautifully designed, accessible components you own and customize.
FrameworkFreeWeb
4.9Visit
React Bits
Animated UI components for React.
FrameworkFreeWeb
4.7Visit
Storybook
Frontend workshop for building UI components and pages in isolation.
FrameworkFreeWeb
4.7Visit
Free alternatives to mdxcn
Free resources that cover similar ground.
Coded Visuals
Animated visual compositions for React and shadcn/ui marketing and landing pages.
FrameworkFreeWeb
4.6Visit
Kokonut UI
100+ free, open-source UI components for React and Tailwind CSS.
FrameworkFreeWeb
4.6Visit
Toggles.dev
Beautiful open-source animated theme toggles for React, Svelte and Vue.
FrameworkFreeWeb
4.6Visit
OriginKit
The largest free animated component library for modern websites.
FrameworkFreeWeb
4.5Visit
Spectrum UI
Open-source animated React components and blocks for SaaS and AI apps.
FrameworkFreeWeb
4.5Visit
termcn
Beautiful, ready-to-use terminal UI components for React, installed with shadcn.
FrameworkFreeCross-Platform
4.5Visit
Are you the maker of mdxcn?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.
Post for X
mdxcn is now featured on Best Productivity Resources, a hand-picked directory of the best productivity tools: https://bestproductivityresources.com/resources/mdxcn?ref=maker
Post for LinkedIn
Happy to share that mdxcn is now featured on Best Productivity Resources, a hand-picked directory of the best productivity tools. See the listing: https://bestproductivityresources.com/resources/mdxcn?ref=maker
Badge for your website or README
Paste this HTML into your site or README. The badge links back to this page.
<a href="https://bestproductivityresources.com/resources/mdxcn" target="_blank" rel="noopener" title="Featured on Best Productivity Resources"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>Free Notion database
1,100+ ways people are making money online
Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.
Get the free databaseFree Notion database
399+ ways to make money online
Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.
Get the free listFor research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
New tools and visual guides, every Monday.
One short email a week with the best new tools and websites, plus my latest visual guides. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.