utilcn
0components
Installs all 5 components. Without our CLI, run instead.
Auto-indexed
utilcn contents
About utilcn
utilcn publishes a shadcn registry at utilcn.dev, with 5 components installable through the shadcn CLI.
- Components
- 5
- GitHub stars
- 15
- Last commit
- Dec 14, 2025
- Repository
- BrennenRocks/utilcn
All 5 components
Copy a prompt for your agent, copy the install command, or open the docs that ship it.
ChatGPT Widget Frontend
chatgpt-appFrontend widget implementation, build script, types, and hooks for embedding a ChatGPT MCP widget.
@tailwindcss/vite, @vitejs/plugin-react, fast-glob, react9 filesChatGPT MCP Backend
chatgpt-app-backendMCP server bootstrap, widget asset builder, and tool registration for the ChatGPT widget.
@modelcontextprotocol/sdk, zod@33 filesDownload A File From Storage
download-fileDownload a file from a storage provider using a presigned download URL.
@tanstack/react-query, lucide-react2 filesUpload A File To Storage
upload-fileUpload a file to a storage provider using a presigned upload URL.
@tanstack/react-query2 files
Upload multiple files to a storage provider using a presigned upload URL.
comp-5532 files
From the utilcn readme
utilcn
Shadcn Registry
utilcn is a fullstack shadcn registry
- String helpers for common case transforms (camel, kebab, Pascal, snake), capitalization, repeating, reversing, and truncation (
registry/default/strings). - Storage utilities for S3-style workflows: presigned upload/download URL builders, ready-made upload/download components, and React hooks for handling file transfers (
registry/default/storage). - ChatGPT MCP widget blocks that bundle the frontend widget UI, build tooling, shared types/hooks, plus the matching backend server scaffold and sample MCP tool (
registry/default/chatgpt-app). - A Zod-powered server environment validator template to bootstrap typed configuration (
registry/default/secrets/env-server.ts).
Development
Run development server:
npm run dev
# or
pnpm dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
Explore
In the project, you can see:
lib/source.ts: Code for content source adapter,loader()provides the interface to access your content.lib/layout.shared.tsx: Shared options for layouts, optional but preferred to keep.
| Route | Description |
|---|---|
app/(home) | The route group for your landing page and other pages. |
app/docs | The documentation layout and pages. |