vinance-recipes
by Austinnui
Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Instructions
Guidance the server publishes about itself, which clients place ahead of the tool catalog so the model reads it before choosing anything.
This server publishes no instructions, or was last inspected before Glama recorded them.
Capabilities
Features and capabilities supported by this server
Protocol revision2025-11-25
| Capability | Details |
|---|---|
| tools | {
"listChanged": true
} |
| prompts | {
"listChanged": true
} |
| resources | {
"listChanged": true
} |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| listRecipesA | List production-ready React/Next.js code recipes. Each recipe is a complete, copy-paste-ready implementation. Categories: animation, chart, component, module. Pro recipes are shown with a 🔒 badge. |
| searchRecipesA | Search recipes by keyword across titles, descriptions, tags, AND full source code. Works for any topic: button, card, chart, animation, toast, auth, modal, i18n, avatar, sidebar, etc. |
| getRecipeA | Get a recipe by ID. Returns complete, copy-paste-ready React/TSX source code with usage examples, props reference, and architecture notes. Module recipes may also include backend patterns. Pro recipes require VINANCE_API_KEY. |
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
| explore-recipes | |
| build-feature |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
| recipe-animation-scroll-reveal | Intersection-observer scroll animations: fadeUp, fadeDown, fadeLeft, fadeRight, scale, blur. Includes StaggerReveal and AnimatedCounter. |
| recipe-animation-page-transition | Route change loading bar with gradient progress and fade transition for Next.js App Router. |
| recipe-animation-shimmer | Shimmer skeleton loading effect for placeholders. Includes ShimmerWrapper, TextSkeleton, CardSkeleton, AvatarSkeleton. |
| recipe-animation-animated-dashboard | Self-animating marketing dashboard mockup with brand rankings, progressive SVG line chart, animated counter, and pulse animations. [Pro] |
| recipe-chart-simple-bar | Lightweight CSS-only bar chart with gradient fills. No library required. |
| recipe-chart-recharts | Generic chart wrapper for Line, Bar, and Pie charts using recharts with ResponsiveContainer. [Pro] |
| recipe-component-enhanced-button | Multi-variant button (primary/secondary/ghost/gradient) with loading state, icon support, FAB, and IconButton. |
| recipe-component-enhanced-card | Card with default/glass/gradient/glow variants, optional 3D hover, mouse-tracking glow. Includes FeatureCard, StatsCard, TestimonialCard. |
| recipe-component-enhanced-input | Input and Textarea with label, error, hint, left/right icon, and purple focus glow. |
| recipe-component-loading | LoadingSpinner (spinning ring), Skeleton (pulse block), and PageLoader (full-screen branded loader). |
| recipe-component-protected-route | Auth-guarded route wrapper for Next.js. Checks token, redirects to login if unauthenticated. Supports plan/role requirements. |
| recipe-component-modal | Accessible modal dialog with backdrop, title bar, X close button, and 4 size variants (sm/md/lg/xl). |
| recipe-component-user-avatar | Avatar with 4 sizes (sm/md/lg/xl), round or square shape, and deterministic Unsplash fallback image keyed by username. |
| recipe-component-language-switcher | Globe-icon dropdown that reads/writes a locale cookie and reloads the page. Works with any list of locales. |
| recipe-component-legal-consent-modal | Full-screen consent gate with checkbox, privacy/terms links, API submission, and loading/error states. |
| recipe-component-icons | Product feature SVG icons organised by section color. Named maps for iterating over feature lists. |
| recipe-component-error-boundary | React class component that catches rendering errors and shows a fallback or default "Something went wrong" screen. |
| recipe-module-dashboard-layout | Sidebar + main content layout. PlatformSidebar with grouped nav sections, active state, user avatar, and logout. |
| recipe-module-header-footer | Fixed header with scroll-hide, backdrop blur, mega-dropdowns, mobile menu. Grid footer with logo, links, and status indicator. |
| recipe-module-auth-provider | React context provider that initialises auth from localStorage token on mount. Exposes isInitialized flag to children. [Pro] |
| recipe-module-locale-provider | Wraps next-intl ClientProvider with locale from cookie. Supports en/zh (extendable). Zero-flash locale detection. [Pro] |
| recipe-component-toast | Global toast/alert system via React context. 4 types (success, error, warning, info), stackable, configurable duration. Zero dependencies. |
| recipe-component-onboarding | Multi-step onboarding wizard with animated progress dots, slide transitions, skip button, and completion callback. |
| recipe-animation-typewriter | Types text character-by-character with blinking cursor. Cycles through multiple strings with configurable speeds. |
| recipe-component-drawer | Slide-in side panel (left/right) or bottom sheet with backdrop, Escape key support, body scroll lock, and aria attributes. |
| recipe-component-faq-accordion | Animated expand/collapse accordion. Single or multi-open mode. Chevron rotation, smooth height transition. |
| recipe-component-tabs | Tab navigation with underline or pill variant, animated indicator, badge support, controlled/uncontrolled modes. |
| recipe-component-stepper | Numeric increment/decrement stepper with min/max/step enforcement. Compact and full-size variants. |
| recipe-component-before-after-slider | Drag-to-compare slider for two images. Mouse and touch support, keyboard accessible, draggable handle. [Pro] |
| recipe-component-data-table | Sortable, paginated data table with type-safe column config, loading skeleton, empty state, and optional row click handler. [Pro] |
| recipe-component-floating-label | Input with floating label that animates above the field on focus/fill. Includes password variant with show/hide toggle. |
| recipe-animation-parallax | Multi-layer parallax scroll effect. Elements move at different speeds creating depth. Configurable layers, speed multipliers, and direction. |
| recipe-animation-counter | Counts up/down to a target number with easing. Supports duration, decimal places, prefix/suffix (e.g. $, %). Triggers on scroll into view. |
| recipe-animation-gradient | Soft animated mesh/aurora gradient background. Configurable color stops, speed, and blur. Zero dependencies — pure CSS + React. |
| recipe-animation-float | Smooth floating hover lift for cards and buttons. Includes FloatCard, HoverScale, and PulseRing variants. GPU-accelerated transform. |
| recipe-chart-line | Pure CSS/SVG line chart with animated draw-on-mount. No library required. Supports multi-series, tooltips, and responsive container. |
| recipe-chart-donut | Interactive SVG donut/ring chart. Tap-to-highlight segment, animated draw, center label slot, and legend. No library required. |
| recipe-chart-gauge | Semicircular gauge/speedometer chart. Configurable min/max/value, color zones (green/yellow/red), animated needle, and center readout. |
| recipe-chart-area | SVG area chart with gradient fill and animated path draw. Multi-series support, hover crosshair, and responsive wrapper. |
| recipe-chart-sparkline | Compact inline sparkline for tables and dashboards. Line and bar variants, configurable color, no axes, minimal markup. |
| recipe-chart-heatmap | GitHub-style contribution heatmap grid. 52-week × 7-day layout, configurable color scale, tooltip on hover, and week labels. |
| recipe-component-markdown-text | Lightweight markdown renderer with zero dependencies. Supports headings, bold, italic, code blocks, lists, blockquotes, and links. Includes ThinkingIndicator AI typing animation. |
| recipe-module-image-upload | Drag-and-drop image uploader with webcam capture (WebRTC), per-file progress bar, preview grid, and XHR upload. Web equivalent of a native camera picker. |
| recipe-module-chat-view | Full-featured chat UI: message bubbles, AI typing indicator, SSE streaming, copy-to-clipboard, and auto-scroll. Works with any LLM API. [Pro] |
| recipe-module-paywall | Subscription paywall modal with Stripe Checkout, pricing tiers, restore purchase flow, and usePaywall hook. Web equivalent of StoreKit 2 subscriptions. [Pro] |
| recipe-animation-glow-sweep | Animated glowing conic-gradient border that rotates around a card. Configurable color, speed, and border width. Pure CSS, no canvas. |
| recipe-animation-light-sweep | Shimmer light that sweeps across a card on hover or in a loop. Configurable angle and color. Includes LightSweepButton variant. |
| recipe-animation-orbiting-logos | Icons / logos orbiting a central element in configurable circular rings. Multi-orbit, counter-rotation, hover labels. CSS keyframes only. |
| recipe-animation-scanning-overlay | AI / QR scanning effect overlay with animated scan line, corner brackets, pulsing dot, and status text. Web equivalent of VisionKit scanning UI. |
| recipe-animation-shaking-icon | Icon or button that shakes/wobbles on hover, click, or error. 4 presets: notify, error, wobble, bounce. Includes notification badge and ShakeButton. |
| recipe-chart-radar | Pure SVG radar / spider chart. Multi-series, animated fill, hover tooltips, configurable axes and levels. No library required. |
| recipe-chart-scatter | Pure SVG scatter / bubble chart with multi-series support, hover tooltips, optional regression line, and Z-axis bubble sizing. |
| recipe-module-settings-page | Full settings page with language switcher, dark mode toggle, notifications, share button, legal links, and sign out. Configurable sections. Web equivalent of SWSetting. |
| recipe-module-background-removal | Remove image backgrounds via remove.bg API. Drag-and-drop upload, XHR progress, before/after slider comparison, and PNG download. Web equivalent of SWSubjectLifting. [Pro] |
| recipe-module-tiktok-pixel | TikTok Pixel browser integration + server-side Events API. Includes TikTokPixelProvider, useTikTokPixel hook, and sendTikTokServerEvent helper for Next.js. Web equivalent of SWTikTokTracking. [Pro] |
| recipe-catalog | Complete list of all available Vinance Recipes (55 total: 45 free + 10 pro) with their metadata (id, name, description, tier, tags, category). |
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/Austinnui/vinance-recipes-skills'
If you have feedback or need assistance with the MCP directory API, please join our Discord server