Community

Enterprise Pricing FAQ

Sign In Sign Up

Community

Search

About

Tags

Share

By messaging v0, you agree to our Terms and AI Policy.

Pricing Enterprise FAQ

Privacy Vercel Community Vercel

v0 - Expandable tabs - Language selector - v0 by Vercel

Community

Expandable tabs - Language selector

Expandable tabs - Language selector

manuelsoria

9 Forks

5 Likes

About

Langauge selector to be used anywhere instead of the classic switcher or dropdown.

Tags

language

picker

selector

pill

tab

i18n

espaol

switch

Share

Last Updated 5 days ago

More from manuelsoria

More Templates Like This

Demo video: https://x.com/manuelsoria_/status/1949948566178251172

The app is a dynamic drawing and image generation tool that allows users to create artwork using a canvas interface and leverage AI to enhance their creations. Users can draw directly on the canvas using various tools, including a brush and eraser, and can select colors from a palette or use a custom color picker. The app also features a prompt bar where users can input descriptions to guide the AI in generating images based on their drawings.

To use the app, users can select tools and colors, draw on the canvas, and input prompts for AI-generated images. The app automatically generates images based on the user's input and drawing, which can be viewed in a dedicated generation area. Users can also adjust parameters such as seed and strength to influence the AI's output.

The app is built using Next.js, TypeScript, and various UI components from Radix UI. It utilizes the AI SDK for image generation and integrates with Vercel for deployment. Key features include a responsive design, customizable brush sizes, a color palette, and keyboard shortcuts for efficient tool selection.

Overall, the app provides a user-friendly interface for both drawing and AI-assisted image generation, making it suitable for artists and hobbyists alike.

Realtime Drawing to AI Image with FAL

AI elements template implementation

Key features:
- Streaming
- Showing relevant sources
- Model switching
- Audio input
- Image input

This application is a chat interface built using Next.js, designed to facilitate interactions with various AI models, including those from OpenAI, Anthropic, Google, and Groq. The app allows users to send text messages, receive responses, and utilize voice input for transcription.

To use the app, users can start by running the development server with commands like `npm run dev`, `yarn dev`, or `pnpm dev`. Once the server is running, users can access the application in their browser at `http://localhost:3000`. The main interface includes a text input area for typing messages, a microphone button for voice input, and a model selection dropdown to choose between different AI providers.

The app leverages several technologies, including React for the frontend, Next.js for server-side rendering and routing, and various AI SDKs for interacting with different AI models. It also utilizes Tailwind CSS for styling and Radix UI components for building accessible UI elements.

Key features of the app include:
- Support for multiple AI models, allowing users to switch between providers easily.
- Voice input functionality, enabling users to record audio and transcribe it into text.
- A suggestion feature that provides quick prompts for users to click and send as messages.
- A responsive chat interface that displays messages from both the user and the AI, along with source links for AI responses.
- Integration with external APIs for transcription and AI responses, ensuring a seamless user experience.

Overall, this application serves as a versatile tool for engaging with AI technologies, making it suitable for developers and users interested in exploring AI capabilities.

AI Elements with AI SDK 5

Frosted - Item Selector

Frosted - Item Selector

A scrollable number picker with smooth snap-to-value functionality. Available in both vertical and horizontal layouts with a clean, minimal design.

Roller Number Picker Component