# D2 Studio Pro > UI blocks, components, illustrations and spinners for React, Tailwind and shadcn. Canonical: https://usefulshelf.co/apps/d2-studio-pro Last updated: 2026-10-28 It provides blocks, components, illustrations, backgrounds, spinners and whole page templates for React, Tailwind and shadcn. The source installs into your project so you can use and edit it there. Listed under Developer tools on UsefulShelf. Pricing: One-time purchase. Available on Web. [Visit website](https://pro.d2studio.dev/?utm_source=usefulshelf&utm_medium=referral&utm_campaign=directory&utm_content=web-d2-studio-pro-nofollow&ref=usefulshelf) | Information | Details | | --- | --- | | Category | Developer tools | | Pricing | One-time purchase. Early bird $20, one payment. Regular price $200. | | Platforms | Web. Web app | | Listed on UsefulShelf | 2026-10-15 | | Updated | 2026-10-28 | ## Overview ### About It provides blocks, components, illustrations, backgrounds, spinners and whole page templates for React, Tailwind and shadcn. The source installs into your project so you can use and edit it there. ### Who is it for? React developers using Tailwind CSS and shadcn, including coding agents through MCP. ### The problem It helps teams avoid rebuilding the same UI pieces and landing them in a repo the wrong way the first time. ### How it works Browse the registry, install an item with the shadcn CLI or MCP, and use the generated React and Tailwind files in your project. ### Key features - Blocks, components, illustrations, backgrounds, spinners and page templates - Install from one registry with the shadcn CLI - Own the source in your repo - Support for agent installs through MCP ### What makes it different Items install as ordinary React and Tailwind files from one registry, and the source stays in your repo. ### Use cases Use it when building UI sections, loading spinners, or page templates for a React app. Every listing is reviewed before it goes live. [How review works](https://usefulshelf.co/bot). ## Features - Blocks, components, illustrations, backgrounds, spinners and page templates - Install from one registry with the shadcn CLI - Own the source in your repo - Support for agent installs through MCP ## Frequently asked questions ### What is D2 Studio Pro? It provides blocks, components, illustrations, backgrounds, spinners and whole page templates for React, Tailwind and shadcn. The source installs into your project so you can use and edit it there. ### Who is D2 Studio Pro for? React developers using Tailwind CSS and shadcn, including coding agents through MCP. ### How does D2 Studio Pro work? Browse the registry, install an item with the shadcn CLI or MCP, and use the generated React and Tailwind files in your project. ### What makes D2 Studio Pro different? Items install as ordinary React and Tailwind files from one registry, and the source stays in your repo. ### When would someone use D2 Studio Pro? Use it when building UI sections, loading spinners, or page templates for a React app. ### What are the key features of D2 Studio Pro? Blocks, components, illustrations, backgrounds, spinners and page templates. Install from one registry with the shadcn CLI. Own the source in your repo. Support for agent installs through MCP. ### How is D2 Studio Pro priced? Its listing shows a one-time purchase pricing model. Check the official website for current plans and limits. ### Where can I use D2 Studio Pro? D2 Studio Pro is available on Web. ### Where is the official D2 Studio Pro website? D2 Studio Pro is at pro.d2studio.dev. UsefulShelf links to it directly from this page. ![D2 Studio Pro interface with menu and blocks library.](https://pro.d2studio.dev/og_pro.png) ## Reviews No reviews yet. ## Domain Rating by Ahrefs Recorded scores out of 100. [Ahrefs](https://ahrefs.com/). | Date | Domain Rating | Recorded at | | --- | --- | --- | | 2026-10-15 | 0.5 | 2026-10-15T07:11:16.025Z | | 2026-10-16 | 0.5 | 2026-10-16T00:11:55.978Z | | 2026-10-17 | 0.5 | 2026-10-17T03:01:07.882Z | | 2026-10-18 | 0.5 | 2026-10-18T00:27:09.954Z | | 2026-10-19 | 0.5 | 2026-10-19T01:24:19.985Z | | 2026-10-20 | 0.5 | 2026-10-20T00:25:03.891Z | | 2026-10-21 | 0.5 | 2026-10-21T00:50:37.339Z | | 2026-10-22 | 0.5 | 2026-10-22T03:02:28.706Z | | 2026-10-23 | 0.5 | 2026-10-23T03:03:16.925Z | | 2026-10-24 | 0.5 | 2026-10-24T01:39:41.272Z | | 2026-10-25 | 0.5 | 2026-10-25T01:14:52.722Z | | 2026-10-26 | 0.5 | 2026-10-26T01:15:48.140Z | | 2026-10-27 | 0.5 | 2026-10-27T00:30:35.238Z | | 2026-10-28 | 0.6 | 2026-10-28T02:21:00.233Z | | 2026-10-29 | 0.6 | 2026-10-29T01:51:13.444Z | | 2026-10-30 | 0.6 | 2026-10-30T07:13:34.680Z | | 2026-10-31 | 2.7 | 2026-10-31T02:19:28.105Z | | 2026-11-01 | 2.7 | 2026-11-01T00:12:58.223Z | | 2026-11-02 | 2.8 | 2026-11-02T03:02:28.669Z | | 2026-11-03 | 2.8 | 2026-11-03T05:42:16.696Z | | 2026-11-04 | 2.8 | 2026-11-04T00:38:15.995Z | | 2026-11-05 | 26 | 2026-11-05T03:02:00.513Z | | 2026-11-06 | 26 | 2026-11-06T00:05:27.109Z | ## Related - [OpenSesh](https://usefulshelf.co/apps/opensesh): Open source remote connections client for Windows and Linux. - [DevCleaner](https://usefulshelf.co/apps/devcleaner): A Mac and Linux app that clears developer caches and build artifacts. - [Babelize](https://usefulshelf.co/apps/babelize): AI localization platform for React, Next.js, Django, Vue, and React Native teams. - [More in Developer tools](https://usefulshelf.co/category/developer-tools)