[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70689":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":23,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":35,"readmeContent":36,"aiSummary":37,"trendingCount":16,"starSnapshotCount":16,"syncStatus":38,"lastSyncTime":39,"discoverSource":40},70689,"ui","creativetimofficial\u002Fui","creativetimofficial","Open-source components, blocks, and AI agents designed to speed up your workflow. Import them seamlessly into your favorite tools through Registry and MCPs.","https:\u002F\u002Fwww.creative-tim.com\u002Fui",null,"TypeScript",11916,4837,268,14,0,12,38,79.8,"MIT License",false,"main",true,[25,26,27,28,29,30,31,32,33,34],"admin","blocks","creative-tim","creative-tim-blocks","creative-tim-ui","eleven-labs","shadcn","shadcn-ui","ui-blocks","vercel-deployment","2026-06-11 04:04:17","[![Creative Tim UI](https:\u002F\u002Fraw.githubusercontent.com\u002Fcreativetimofficial\u002Fui\u002Frefs\u002Fheads\u002Fmain\u002Fapps\u002Fwww\u002Fpublic\u002Fopengraph-image.png)](https:\u002F\u002Fcreative-tim.com\u002Fui)\n\n# Creative Tim UI\n\n[Creative Tim UI](https:\u002F\u002Fcreative-tim.com\u002Fui) is a comprehensive component library built on top of [shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com\u002F) to help you build modern web applications faster.\n\n## Overview\n\nCreative Tim UI provides pre-built, customizable React components and blocks designed for building beautiful, production-ready web applications. \nThe CLI makes it easy to add these components to your Next.js project.\n\n## Installation\nYou can use the Creative Tim UI CLI directly with npx, or install it globally:\n```bash\n# Use directly (recommended)\nnpx @creative-tim\u002Fui@latest add \u003Ccomponent-name>\n\n# Or using shadcn cli\nnpx shadcn@latest add https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fr\u002Fall.json\n```\n\n## Prerequisites\nBefore using Creative Tim UI, ensure your Next.js project meets these requirements:\n- **Node.js 18** or later\n- **shadcn\u002Fui** initialized in your project (npx shadcn@latest init)\n- **Tailwind CSS** configured\n\n## Usage\n\n### Install All Components\nInstall all available Creative Tim UI components at once:\n```bash\nnpx @creative-tim\u002Fui@latest add all\n```\nThis command will:\n- Set up shadcn\u002Fui if not already configured\n- Install all Creative Tim UI components to your configured components directory\n- Add necessary dependencies to your project\n\n### Install Specific Components\nInstall individual components using the `components add` command:\n```bash\nnpx @creative-tim\u002Fui@latest add \u003Ccomponent-name>\n```\nExamples:\n```bash\n# Install the orb component\nnpx @creative-tim\u002Fui@latest add card\n```\n\n### Alternative: Use with shadcn CLI\nYou can also install components using the standard shadcn\u002Fui CLI:\n```bash\n# Install all components\nnpx shadcn@latest add https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fr\u002Fall.json\n\n# Install a specific component\nnpx shadcn@latest add https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fr\u002Fbutton.json\n```\n\nAll available components can be found [here](https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fdocs\u002Fcomponents) or explore a list of example blocks [here](https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks).\n\n## Blocks\n\nExplore our collection of ready-to-use blocks organized by category. Each block is fully customizable and can be added to your project with a single command.\n\n### Application UI\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fmodals\">\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fcreativetimofficial\u002Fpublic-assets\u002Frefs\u002Fheads\u002Fmaster\u002Fdavid-ui\u002Fthumbs\u002Fmodals-thumbnail.jpg\" alt=\"Modals\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Modals\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>5 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Faccount\">\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fcreativetimofficial\u002Fpublic-assets\u002Frefs\u002Fheads\u002Fmaster\u002Fdavid-ui\u002Fthumbs\u002Faccount-thumbnail.jpg\" alt=\"Account\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Account\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>7 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fbilling\">\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fcreativetimofficial\u002Fpublic-assets\u002Frefs\u002Fheads\u002Fmaster\u002Fdavid-ui\u002Fthumbs\u002Fbilling-thumbnail.jpg\" alt=\"Billing\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Billing\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>5 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### Marketing\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Ftestimonials\">\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fcreativetimofficial\u002Fpublic-assets\u002Frefs\u002Fheads\u002Fmaster\u002Fdavid-ui\u002Fthumbs\u002Ftestimonial-thumbnail.jpg\" alt=\"Testimonial Sections\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Testimonial Sections\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>17 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fcontact\">\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fcreativetimofficial\u002Fpublic-assets\u002Frefs\u002Fheads\u002Fmaster\u002Fdavid-ui\u002Fthumbs\u002Fcontact-us-thumbnail.jpg\" alt=\"Contact Sections\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Contact Sections\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>15 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Ffooters\">\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fcreativetimofficial\u002Fpublic-assets\u002Frefs\u002Fheads\u002Fmaster\u002Fdavid-ui\u002Fthumbs\u002Ffooter-thumbnail.jpg\" alt=\"Footers\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Footers\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>16 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Ffaqs\">\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fcreativetimofficial\u002Fpublic-assets\u002Frefs\u002Fheads\u002Fmaster\u002Fdavid-ui\u002Fthumbs\u002Ffaq-thumbnail.jpg\" alt=\"FAQs\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>FAQs\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>6 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fblog\">\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fcreativetimofficial\u002Fpublic-assets\u002Frefs\u002Fheads\u002Fmaster\u002Fdavid-ui\u002Fthumbs\u002Fblog-posts-thumbnail.jpg\" alt=\"Blog\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Blog\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>15 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### Ecommerce UI\nReady-to-use blocks for product listings, shopping carts, and checkout flows.\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fecommerce\">\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fcreativetimofficial\u002Fpublic-assets\u002Frefs\u002Fheads\u002Fmaster\u002Fdavid-ui\u002Fthumbs\u002Fecommerce-thumbnail.jpg\" alt=\"Ecommerce Sections\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Ecommerce Sections\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>14 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### Web 3.0\nInnovative sections built for decentralized applications, blockchain projects, and crypto platforms.\n\n\u003Ctable>\n\u003Ctr>\n\u003Ctd width=\"25%\">\n\u003Ca href=\"https:\u002F\u002Fcreative-tim.com\u002Fui\u002Fblocks\u002Fweb3\">\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fcreativetimofficial\u002Fpublic-assets\u002Frefs\u002Fheads\u002Fmaster\u002Fdavid-ui\u002Fthumbs\u002Fcollections-thumbnail.jpg\" alt=\"Web 3.0 Cards\" \u002F>\n\u003Cbr\u002F>\n\u003Cstrong>Web 3.0 Cards\u003C\u002Fstrong>\u003Cbr\u002F>\n\u003Cem>5 Blocks\u003C\u002Fem>\n\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## Contributing\n\nIf you'd like to contribute to Creative Tim UI, please follow these steps:\n\n1. Fork the repository\n2. Create a new branch\n3. Make your changes to the components in the registry.\n4. Open a PR to the main branch.\n\nPlease read the [contributing guide](\u002FCONTRIBUTING.md).\n\n## Copyrights and Licenses\n\nCreative Tim UI is built upon the incredible work of the open source community:\n\n- **[shadcn\u002Fui](https:\u002F\u002Fui.shadcn.com\u002F)** - The documentation structure, registry system, and foundational (atomic) components are from the open source work in shadcn\u002Fui. [MIT License](https:\u002F\u002Fgithub.com\u002Fshadcn-ui\u002Fui\u002Fblob\u002Fmain\u002FLICENSE.md)\n- **[Material Tailwind](https:\u002F\u002Fmaterial-tailwind.com\u002Fv3)** by Creative Tim - The blocks and component designs are inspired by and based on Material Tailwind Framework. [MIT License](https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fmaterial-tailwind\u002Fblob\u002Fmain\u002FLICENSE.md)\n- **[Eleven Labs UI](https:\u002F\u002Fgithub.com\u002Felevenlabs\u002Felevenlabs-ui)** - General inspiration for the documentation structure and approach of blocks. [MIT License](https:\u002F\u002Fgithub.com\u002Felevenlabs\u002Fui\u002Fblob\u002Fmain\u002FLICENSE.md)\n- **[Geist Font](https:\u002F\u002Fvercel.com\u002Ffont)** by Vercel - The beautiful typeface used throughout the interface. [SIL Open Font License 1.1](https:\u002F\u002Fgithub.com\u002Fvercel\u002Fgeist-font\u002Fblob\u002Fmain\u002FLICENSE.txt)\n\nWe are grateful to these projects for making their work available under open source licenses.\n\n## License\n\nLicensed under the [MIT license](https:\u002F\u002Fgithub.com\u002Fcreativetimofficial\u002Fui\u002Fblob\u002Fmain\u002FLICENSE.md).\n\nMade with love by [Creative Tim](https:\u002F\u002Fcreative-tim.com).\n","Creative Tim UI 是一个基于 shadcn\u002Fui 构建的组件库，旨在帮助开发者更快地构建现代化 Web 应用程序。该项目提供了多种预构建且可自定义的 React 组件和区块，支持无缝集成到 Next.js 项目中，通过 CLI 工具简化了组件的添加过程。其技术特点包括对 Tailwind CSS 的良好支持以及与 shadcn\u002Fui 生态系统的兼容性。Creative Tim UI 非常适合需要快速搭建美观且功能齐全的管理后台界面、用户账户系统等场景下的前端开发人员使用。",2,"2026-06-11 03:33:39","high_star"]