All Projects

Browse through 34 projects, tools, and demos

Sort by:
Category:
AI
Tech Dive
Tools
Productivity
Finance
Health & Wellness
Social
Creative
Games
Showcases
Subcategory:
Chat
Agents
Vision
Generation
Retrieval
Integrations
Audio
React Patterns
State Management
Forms & Validation
Data Fetching
Server & SSR
Networking & Real-time
Performance Optimization
Algorithms & Data Structures
Animations & Transitions
Converters
Calculators
Generators
Dev Utilities
Charts & Visualization
Task Management
Notes & Knowledge
Time Tracking
Project Management
Personal Finance
Investing
Crypto
Fitness
Nutrition
Wellness
Messaging
Community
Outreach
Design
Media
Writing
Puzzle
Arcade
Cards
Interactive
Landing Pages
Templates
Demos
Energy Visualization
Career Mapping
AI Chatbot
Featured
Full-featured AI chatbot powered by Vercel AI SDK. Chat with GPT-4, save conversations, and explore AI capabilities.
chat
aivercel-ai-sdkopenaichatbotgpt-4
AI Image Generator
Featured
Generate and edit images from text prompts using AI models with style controls, variations, and editing capabilities
generation
aivercel-ai-sdkimage-generationimage-editingdall-estable-diffusion
AI Pipeline Builder
Featured
Visual workflow builder for chaining AI operations - summarize, translate, analyze in sequence
agents
aivercel-ai-sdkworkflowspipelineorchestration
AI Streaming Chat
Featured
Real-time AI chat with streaming responses using Vercel AI SDK v6 streamText and useChat hooks
chat
aivercel-ai-sdkstreamingchatopenaireact
AI Text-to-Speech
Featured
Convert text to natural-sounding speech with multiple voices and language support
audio
aivercel-ai-sdkttsspeechaudiovoice
API Routes & Request Handling
Build RESTful API endpoints, handle HTTP requests, and fetch data using TanStack Start API routes
server-ssr
reacttanstackapiresthttp
Audio Transcription
Transcribe audio and video files to text with speaker diarization and timestamps
audio
aivercel-ai-sdktranscriptionspeech-to-textwhisper
Background AI Agent
Long-running AI agent that processes tasks in the background with progress tracking
agents
aivercel-ai-sdkbackground-jobsasyncagent
Career Mapping Platform
Featured
AI-powered career guidance platform with personalized job market insights, skill demand tracking, course recommendations, and career path planning. Features real-time market data, geographic analysis, and push notifications for career opportunities.
career-mapping
reacttypescriptdashboardcareerjob-marketairechartsdata-visualizationresponsivecareer-planning
Complex Form - Multi-Field Address Form
Advanced form handling with multiple fields, nested objects, custom validation logic, and complex field relationships
forms-validation
reacttanstackformsvalidationmulti-fieldcomplex
Currency Converter
Quick market currency converter for bulk purchases. Convert between Naira and West African currencies with per-item pricing.
converters
reactcurrencyconverternairawest-africamarketbulk
Data-Only SSR - Hybrid Rendering
Optimize with hybrid rendering: server-side data loading with client-side component rendering
server-ssr
reacttanstackssrhybriddata-loading
Document Analyzer
Upload PDFs and documents for AI-powered analysis, summarization, and Q&A
vision
aivercel-ai-sdkdocumentspdfanalysis
Energy Visualization Platform
Featured
Real-time energy consumption and solar generation monitoring dashboard with interactive flow visualization, historical charts, and multi-source energy tracking (PV, Battery, Grid)
energy-visualization
reacttypescriptdashboardenergysolarrechartsreal-timevisualizationresponsive
Financial Dashboard
Featured
Comprehensive financial dashboard with interactive charts, budgets, transactions, and savings goals. Built with Drizzle ORM and PostgreSQL.
personal-finance
reactdrizzlepostgreschartsdashboardfinancerecharts
Full Server-Side Rendering
Featured
Implement complete server-side rendering for optimal SEO, performance, and progressive enhancement
server-ssr
reacttanstackssrserver-side-renderingseo
Image Converter
Featured
Convert, resize, and optimize images for any platform. All processing happens in your browser - your files never leave your device.
converters
reactimage-processingconverteroptimizationprivacybrowser-based
MCP Integration Demo
Featured
Model Context Protocol integration showcasing AI with external tools, APIs, and data sources
integrations
aivercel-ai-sdkmcptool-callingintegration
Modern Startup Landing Page
Featured
A beautiful, responsive landing page template with hero section, features, testimonials, and call-to-action sections
landing-pages
reactlanding-pagemarketingresponsiveui
Multi-Provider AI Chat
Featured
Switch between AI providers (OpenAI, Anthropic, Google, Open Source) seamlessly using AI Gateway and OpenRouter
chat
aivercel-ai-sdkai-gatewayopenaianthropicgoogleopenrouterllamadeepseek
RAG Knowledge Base
Featured
Retrieval Augmented Generation with embeddings, vector search, and reranking for accurate answers
retrieval
aivercel-ai-sdkragembeddingsvector-searchreranking
Real-Time Database Chat
Featured
Build a real-time chat application with database persistence, live updates, and message history
networking-real-time
reactdatabasereal-timechattanstack-db
Semantic Search
AI-powered semantic search using embeddings to find relevant content by meaning, not just keywords
retrieval
aivercel-ai-sdksemantic-searchembeddingssimilarity
SPA Mode - Client-Side Only Rendering
Configure TanStack Start for single-page application mode with no server-side rendering
server-ssr
reacttanstackspacsrclient-side
Structured Output Demo
Generate type-safe structured data from AI with schema validation and JSON output
integrations
aivercel-ai-sdkstructured-outputjson-schematype-safe
TanChat - AI-Powered Streaming Chat
Real-time AI chat with streaming responses, markdown rendering, and modern chat UI patterns
networking-real-time
reactaichatstreamingreal-time
TanStack Form - Simple Form Validation
Featured
Build reactive forms with real-time validation, type safety, and minimal boilerplate using TanStack Form
forms-validation
reacttanstackformsvalidationtypescript
TanStack Query - Async State Management
Featured
Master data fetching, caching, synchronization, and background updates with TanStack Query
data-fetching
reacttanstackqueryasynccachingdata-fetching
TanStack Store - Reactive State Management
Featured
Learn reactive state management with TanStack Store featuring derived state, automatic updates, and framework-agnostic design
state-management
reacttanstackstatestorereactivederived-state
TanStack Table - Advanced Data Tables
Featured
Build powerful, performant data tables with sorting, filtering, pagination, and fuzzy search using TanStack Table
react-patterns
reacttanstacktablesdata-gridsortingfilteringpagination
Todo List
Featured
A simple todo list with real-time synchronization powered by Convex. Create, complete, and delete tasks instantly.
task-management
reactconvextodoproductivityrealtime
Tool Loop Agent
Featured
Autonomous AI agent using ToolLoopAgent abstraction with multi-step reasoning and tool execution
agents
aivercel-ai-sdkagentstool-callingautonomous
Vision Chat
Featured
Chat with images using multimodal AI models - upload images and ask questions about them
vision
aivercel-ai-sdkvisionmultimodalimage-understanding
Web Research Agent
AI agent that researches topics using web search tools with human-in-the-loop approval
agents
aivercel-ai-sdkagentsresearchtool-approval