Community

Sign In Sign Up

Community

Discover the best apps, components and starters from the community.

Search

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

Pricing Enterprise FAQ

Privacy Vercel Community Vercel

...

...

Copystreet Hero

Copystreet Hero

This application is a web-based platform designed to promote and sell a specialized cleaning product called "美らちゅら超洗浄" (Chura Chura Super Cleaning). The app provides users with comprehensive information about the product, its benefits, usage instructions, and purchasing options.

Users can navigate through various sections of the app, including a hero section that highlights the product's key features, a pain section that addresses common issues related to grease traps, and a solution section that outlines the cleaning process in four simple steps. The app also includes sections detailing the benefits of the product, comparisons with competitor products, case studies showcasing its effectiveness, and evidence from third-party testing.

To use the app, users can scroll through the content, click on navigation links to jump to specific sections, and interact with buttons to make purchases or request more information. The app is designed to be responsive, ensuring a seamless experience on both desktop and mobile devices.

The technologies involved in the development of this application include React for building the user interface, Next.js for server-side rendering and routing, and Tailwind CSS for styling. The app also utilizes various UI components from Radix UI for accessibility and design consistency, as well as Framer Motion for animations to enhance user engagement.

Key features of the app include:
- A visually appealing hero section with product imagery and key selling points.
- Detailed sections addressing common pain points and how the product solves them.
- A step-by-step guide on how to use the product effectively.
- A comparison table that highlights the advantages of the product over competitors.
- Case studies and evidence from third-party testing to build trust and credibility.
- A user-friendly contact form for inquiries and support.
- Smooth animations and transitions to improve the overall user experience.

Overall, this application serves as a comprehensive marketing and sales tool for the Chura Chura Super Cleaning product, aimed at businesses in the food service industry looking for effective cleaning solutions.

Company Profile

OSINTFlow is a personal dashboard designed for Open-Source Intelligence (OSINT) researchers. The app organizes useful links into categorized sections, allowing users to easily access various OSINT tools and resources. It features a drag-and-drop interface that enables users to reorder sections according to their preferences, enhancing the customization of their research workflow.

To use OSINTFlow, users can start by loading the app in their web browser. The application will either retrieve a previously saved layout from local storage or initialize with a set of default sections, which include categories such as People Search, Username Check, Phone Lookup, Email Search, Social Media, and Image Search. Each section contains clickable links to popular OSINT tools. Users can rearrange the sections by dragging and dropping them into their desired order. The app automatically saves any changes to the layout in local storage, ensuring that users' preferences persist across sessions.

The app is built using React, leveraging the react-beautiful-dnd library for drag-and-drop functionality, and styled with Tailwind CSS for a modern and responsive design. Key features include organized sections for different OSINT research categories, a clean user interface with gradient cards, and the ability to save custom layouts. The app is designed to be responsive, making it accessible on both desktop and mobile devices.

OSINTFlow is open-source and can be found on GitHub, where developers can contribute to its development or customize it further to suit their needs.

This application is designed to provide users with a comprehensive platform for accessing skin care services, physiotherapy, and gym services. It allows users to search for specialists, view their profiles, and find services based on various filters such as location, price, and rating.

To use the app, users can navigate through different sections, including skin care services, physiotherapy, and gym services. They can search for specific services or specialists using a search bar, apply filters to refine their search results, and view detailed profiles of specialists, including their specialties, ratings, and images. Users can also access a map view to find specialists near their location.

The app is built using modern web technologies, including TypeScript and React for the frontend, and Tailwind CSS for styling. It utilizes components for modular design, ensuring a responsive and user-friendly interface. The application also incorporates animations and transitions for a smooth user experience.

Key features of the app include:
- A search bar for finding skin care services and specialists.
- Filter options to narrow down search results based on criteria like location, price, and rating.
- A map view that displays specialists' locations, allowing users to find nearby services.
- Detailed profiles for each specialist, showcasing their specialties, ratings, and images.
- Sections for physiotherapy and gym services, each with their own set of specialists and services.
- A responsive design that adapts to various screen sizes, ensuring usability on both mobile and desktop devices.

Overall, this application serves as a valuable resource for users seeking skin care, physiotherapy, and fitness services, providing them with the tools to make informed decisions about their health and wellness.

This application is a user interface designed for the Playwright testing framework, enabling developers to manage and execute end-to-end tests for web applications. The app provides a structured environment where users can view test actions, logs, and source code, facilitating easier debugging and test management.

To use the app, users can select a test from the sidebar, which displays a list of available tests. Upon selecting a test, the main panel updates to show a timeline of actions taken during the test execution, along with detailed logs and source code snippets. Users can interact with the timeline to select specific actions, which will highlight corresponding details in the actions tab. The app also allows users to toggle between light and dark themes for better visibility.

The application is built using TypeScript and React, leveraging Next.js for server-side rendering and routing. It utilizes Tailwind CSS for styling, providing a responsive and modern user interface. Key features include a timeline visualization of test actions, detailed logs of test execution, a source code viewer, and a sidebar for easy navigation between tests. Additionally, the app includes a theme toggle for user preference and a service worker handler to manage service worker registration errors.

Overall, this app serves as a comprehensive tool for developers working with Playwright, streamlining the testing process and enhancing productivity through its intuitive design and functionality.

Recreate UI from screenshot

PS 3D Signs

The app is a web-based platform designed for a company specializing in the production of demolition robots and industrial services. It provides users with a configurator to estimate the cost of various services, including milling, welding, and hydro-abrasive cutting. The app allows users to manage their orders, track their status, and submit new service requests.

To use the app, users can navigate to the home page, where they will find an overview of the company's services and a call-to-action to access the configurator. In the configurator, users can select the type of service they require, choose the material, specify the thickness and length, and select a date for the service. They can also upload design files for reference. Once the parameters are set, the app calculates an estimated price based on the inputs. Users can then proceed to place an order by providing their contact information.

The app is built using modern web technologies, including TypeScript and React for the frontend, with Next.js as the framework. It utilizes various UI components for a responsive and user-friendly interface, including cards, buttons, and dialogs. The app also incorporates state management to handle user inputs and order statuses effectively.

Key features of the app include:
- A service configurator for estimating costs based on user-defined parameters.
- Order management functionality, allowing users to view and track the status of their orders.
- File upload capability for users to attach design files.
- A responsive design that adapts to different screen sizes.
- Integration of a calendar for selecting service dates, with visual indicators for busy and available days.
- User authentication and account management features for personalized experiences.

Overall, the app aims to streamline the process of requesting industrial services while providing users with the necessary tools to manage their orders efficiently.

Udr технологоджи website

A 3d website For text to image genration bu kodrish innovation and solution

Property Sale Prices Table

Property Sale Prices Table

Madmedomsorg mock-up

Wishlist Toast Demo

Wishlist Toast Demo

Using tsx build for Json2Tepescript type.

The Blacknet app is an advanced Open Source Intelligence (OSINT) platform designed for security professionals and organizations. It provides a comprehensive suite of tools for threat monitoring, digital investigations, and intelligence gathering, enabling users to stay ahead of potential security threats.

To use the app, users can create an account through a registration process that includes email verification. Once registered, users can log in to access their personalized dashboard, where they can utilize various features such as real-time threat monitoring, data mining, and executive intelligence briefings. The app also offers a search interface for users to quickly find relevant information.

The app is built using modern web technologies, including TypeScript, React, and Next.js for the frontend, along with Tailwind CSS for styling. It leverages libraries such as Framer Motion for animations, GSAP for scroll-triggered animations, and Radix UI for accessible components. The backend is designed to handle user authentication, data processing, and API integrations for enhanced functionality.

Key features of the Blacknet app include:
- A user-friendly interface with a responsive design for both desktop and mobile devices.
- Real-time threat monitoring with instant alerts and comprehensive analysis.
- Advanced data mining capabilities to extract intelligence from vast datasets.
- Interactive demos and visualizations, such as a 3D globe and animated cards, to enhance user engagement.
- A robust registration and login system with email verification and password strength validation.
- Customizable dashboards and reports tailored to the needs of security professionals.

Overall, the Blacknet app aims to empower organizations with the intelligence they need to protect their digital assets and make informed security decisions.

Blacknet design system

Website Builder

This app is a web-based implementation of the classic Snake game, designed to provide an engaging and interactive gaming experience. Users can control a snake that grows in length as it consumes food while avoiding collisions with itself and the game boundaries.

To use the app, users simply navigate to the main page where the game is displayed. The game starts with a "Start Game" button, which initializes the snake and food positions. Players can control the snake's movement using the arrow keys on their keyboard. The space bar is used to pause and resume the game. If the snake collides with itself or the boundaries, a "Game Over" screen appears, displaying the final score and offering the option to restart the game.

The app is built using TypeScript and React, leveraging modern web technologies to create a responsive and interactive user interface. The game logic is implemented using React hooks, including useState for managing game state and useEffect for handling game loops and rendering. The game is rendered on an HTML canvas, allowing for smooth graphics and animations.

Key features of the app include:
- A responsive design that centers the game on the screen.
- Real-time score tracking that updates as the player consumes food.
- Dynamic speed adjustments that increase as the player scores points.
- Game state management, including starting, pausing, and restarting the game.
- Visual feedback for game events, such as game over and score updates.
- Keyboard controls for intuitive gameplay.

Overall, this app serves as a fun and interactive way to experience the classic Snake game, showcasing the capabilities of modern web development technologies.

CivicConnect is a mobile-first civic engagement application designed to connect citizens with government services and community resources. The app provides a platform for users to access information about government schemes, job opportunities, events, and community posts, fostering better communication between citizens and government officials.

To use the app, users can create an account or log in using their email or mobile number. Once logged in, they can navigate through various sections, including a social feed for community updates, a job board, and a calendar of upcoming events. Users can also manage their profiles, customize settings, and receive notifications about important updates and alerts.

The app is built using modern web technologies, including TypeScript, React, and Next.js, with a focus on responsive design and accessibility. It utilizes Tailwind CSS for styling, ensuring a clean and user-friendly interface. Key features include:

- A mobile-friendly layout with a bottom navigation bar for easy access to core functionalities.
- A social feed that displays posts from both official sources and community members, allowing for interaction through likes, comments, and shares.
- A comprehensive job board that lists local job opportunities and allows users to apply directly through the app.
- A section dedicated to government schemes, providing detailed information and eligibility criteria for various programs.
- Event management features that allow users to view and register for community events.
- A notification center that keeps users informed about application statuses, new messages, and emergency alerts.
- Accessibility options, including high contrast mode and text size adjustments, to cater to diverse user needs.

CivicConnect aims to empower citizens by providing them with the tools and information necessary to engage with their local government and community effectively.

Social media app frontend

The Balaji Hotel app is a web application designed to provide users with a seamless experience for booking luxury accommodations in Coimbatore. The app showcases the hotel’s offerings, including detailed information about rooms, amenities, and guest testimonials, while facilitating the booking process.

To use the app, users can navigate through various sections such as Home, Rooms, Amenities, Gallery, and Contact via a responsive navigation bar. The Home page features a hero section that highlights the hotel’s luxury experience, followed by sections that provide information about the hotel, featured rooms, guest testimonials, and a call-to-action for booking. Users can explore different room options on the Rooms page, where they can view detailed descriptions, images, and pricing for each room type. The Booking page allows users to reserve their stay by filling out a form that captures essential details such as check-in and check-out dates, number of guests, and personal information.

The app is built using modern web technologies, including TypeScript, React, and Next.js, which enable server-side rendering and a smooth user experience. It utilizes Tailwind CSS for styling, ensuring a responsive and visually appealing design. The application also incorporates a theme provider to support light and dark modes, enhancing user accessibility.

Key features of the Balaji Hotel app include:
- A responsive design that adapts to various screen sizes, ensuring usability on both desktop and mobile devices.
- A dynamic navigation bar that allows easy access to different sections of the app.
- Detailed room listings with images, descriptions, and pricing, enabling users to make informed choices.
- A booking form that captures user information and preferences, with validation to ensure data accuracy.
- Guest testimonials that provide social proof and enhance the hotel's credibility.
- A footer with contact information and links to social media, facilitating user engagement.

Overall, the Balaji Hotel app serves as a comprehensive platform for potential guests to explore luxury accommodations and make reservations effortlessly.

This application is a personal portfolio website designed to showcase the skills, projects, and contact information of Abdulazeez Yunusa, an AI/ML Engineer and Full Stack Developer. The app is built using TypeScript and React, leveraging the Next.js framework for server-side rendering and routing. It utilizes Tailwind CSS for styling, providing a responsive and modern user interface, and Framer Motion for smooth animations and transitions.

Users can navigate through various sections of the portfolio, including a Hero Section that introduces Abdulazeez, an About Section detailing his background and expertise, a Skills Section highlighting his technical proficiencies, a Projects Section displaying his work, and a Contact Section for inquiries. The navigation is facilitated by a responsive navbar that allows users to scroll smoothly to different sections of the page.

Key features of the app include:
- A visually appealing Hero Section with an introduction and call-to-action buttons.
- An About Section that provides insights into Abdulazeez's professional journey and interests.
- A Skills Section that showcases various technical skills using animated badges.
- A Projects Section that categorizes and displays projects with descriptions and links, allowing users to filter by type (AI/ML, web development, video, and design).
- A Contact Section with a form for users to send messages directly, along with contact information and social media links.

The app is designed to be user-friendly and visually engaging, making it easy for potential clients or employers to learn about Abdulazeez's capabilities and reach out for collaboration.

Developer portfolio page

UFC_Web_Site_Project

The LoopTroop app is designed to facilitate transportation services specifically for riders visiting correctional facilities. It connects drivers with riders, providing a platform for scheduling rides, managing driver applications, and ensuring safety through background checks.

Users can sign up as either riders or drivers. Riders can join a waitlist to receive notifications about upcoming services, while drivers can apply to join the network and select their preferred earning model. The app features a user-friendly interface built with React and Next.js, utilizing TypeScript for type safety. It employs Tailwind CSS for styling, ensuring a responsive and visually appealing design.

Key features of the LoopTroop app include:

1. **Driver Portal**: A dedicated section for drivers to apply, select their earning model, and complete their registration. Drivers can choose between different models that dictate their earnings and fees.

2. **Rider Waitlist**: A feature for riders to join a waitlist, providing them with priority access when the service launches. Riders can input their contact information and details about their visits.

3. **Background Checks**: Integration with Checkr for conducting background checks on drivers, ensuring safety and compliance. The app automatically initiates background checks upon driver application submission.

4. **Payment Processing**: Integration with Stripe for secure payment processing, allowing users to pay for services directly through the app.

5. **Facility Directory**: A searchable directory of correctional facilities, providing essential information such as visiting hours, addresses, and contact details.

6. **Admin Dashboard**: A management interface for administrators to monitor driver applications, background check statuses, and compliance with regulations.

7. **Notifications**: SMS and email notifications for both riders and drivers regarding application statuses, ride confirmations, and important updates.

To use the app, users can navigate to the respective sections for riders or drivers, fill out the necessary forms, and follow the prompts to complete their applications or join the waitlist. The app is built using modern web technologies, ensuring a seamless experience across devices.

Workout tracking website

This application is an e-commerce platform designed for selling premium, lab-tested supplements. It provides users with a seamless shopping experience, allowing them to browse, filter, and purchase a variety of health products, including vitamins, protein supplements, and women's health products.

Users can navigate through different categories of products, view detailed product pages with descriptions, benefits, and customer reviews, and add items to their shopping cart. The app also features a wishlist functionality, allowing users to save products for later. A shopping cart page provides an overview of selected items, including the ability to adjust quantities and view the total cost, including shipping.

The application is built using Next.js, a React framework that enables server-side rendering and static site generation for improved performance. It utilizes TypeScript for type safety and better developer experience. The user interface is styled with Tailwind CSS, providing a responsive and modern design. The app also incorporates various UI components such as buttons, cards, and badges to enhance user interaction.

Key features of the app include:
- A grid layout for displaying featured products and categories.
- A detailed product page with images, descriptions, and customer reviews.
- A shopping cart that allows users to manage their selected items.
- A wishlist feature for saving favorite products.
- Responsive design that adapts to different screen sizes, ensuring usability on both desktop and mobile devices.
- Integration of third-party libraries for icons and UI components, enhancing the overall user experience.

Overall, this application aims to provide a trustworthy and user-friendly platform for health-conscious consumers looking for high-quality supplements.

Origin e-commerce ui

The app is a 90s-style fighting game called "RETRO BRAWL," designed to provide an engaging and nostalgic gaming experience. Players can select their fighters, engage in battles, and experience various game mechanics reminiscent of classic fighting games.

To use the app, players start on an introductory screen where they can press the "Enter" key to navigate to the character selection screen. Here, they can choose from a roster of unique fighters, each with distinct abilities and special moves. Once a fighter is selected, players enter the fight screen, where they can control their character using keyboard inputs to move, jump, kick, punch, and defend against an AI opponent. The game features a health bar for both the player and the CPU, and the objective is to deplete the opponent's health to win the match.

The app is built using TypeScript and React, leveraging Next.js for server-side rendering and routing. It utilizes various libraries and technologies, including Tailwind CSS for styling, and custom hooks for managing keyboard controls and sound settings. The game features pixelated graphics and animations, enhancing the retro aesthetic.

Key features of the app include:
- A character selection screen with a grid layout for easy navigation.
- A variety of fighters, each with unique sprites, animations, and special moves.
- Real-time combat mechanics, including health management, collision detection, and AI behavior for the CPU opponent.
- Keyboard controls for player actions, including movement, attacks, and defense.
- Sound effects and background music, with an option to mute/unmute.
- A victory or defeat screen that allows players to continue to the next round or return to the main menu.

Overall, "RETRO BRAWL" aims to deliver a fun and interactive fighting game experience, appealing to both nostalgic players and new audiences.

Friedrichshain Connection - Ret

This app is designed to provide real-time Bitcoin price information and allow users to view the prices of various items in terms of Bitcoin. It fetches the current Bitcoin price from the CoinGecko API and displays it alongside the prices of selected items in multiple fiat currencies, including USD, EUR, GBP, AUD, and JPY.

To use the app, users can select their preferred currency from a set of buttons. The app will then display the prices of various items in that currency, as well as the equivalent price in Bitcoin. Users can refresh the data manually to get the latest prices, which are updated every minute. Additionally, when hovering over an item, users can see historical Bitcoin prices for that item over different time periods, along with trends indicating price changes.

The app is built using TypeScript and React, leveraging the Next.js framework for server-side rendering and API routes. It utilizes the CoinGecko API to fetch Bitcoin price data and employs React hooks for managing state and side effects related to data fetching. The user interface is styled using a combination of custom components and utility classes.

Key features of the app include:
- Employs the Satoshi Standard
- Real-time Bitcoin price updates with a fallback mechanism in case of API failure.
- Support for multiple fiat currencies, allowing users to view prices in their preferred currency.
- Historical price data for various items, displayed in a tooltip when hovering over an item.
- A responsive design that adapts to different screen sizes, ensuring a good user experience on both desktop and mobile devices.
- A refresh button to manually update the displayed prices.

Overall, this app serves as a practical tool for users interested in understanding the value of items in terms of Bitcoin, providing both current and historical price insights.

Bitcoin price tracker

Wave text from iOS notifications.

BrewHaven is a web application designed for coffee enthusiasts to explore, purchase, and enjoy premium coffee products. The app features a user-friendly interface that allows users to browse a variety of coffee beans and equipment, view detailed product descriptions, and manage their shopping cart seamlessly.

To use BrewHaven, users can navigate through the homepage to discover featured products and access different sections such as the shop, about, and contact pages. The app includes a hero section that highlights the unique selling points of BrewHaven, such as ethically sourced beans and fast delivery. Users can add products to their cart, adjust quantities, and proceed to checkout where they can enter shipping and payment information.

The application is built using Next.js, a React framework that enables server-side rendering and static site generation for optimal performance. It utilizes TypeScript for type safety and improved developer experience. The UI components are styled with Tailwind CSS, providing a responsive and modern design. The app also incorporates Lucide icons for visual elements and toast notifications for user feedback.

Key features of BrewHaven include:
- A responsive layout that adapts to different screen sizes.
- A product listing page with filtering options based on categories, roast levels, and origins.
- Detailed product pages that showcase images, descriptions, and customer reviews.
- A shopping cart that allows users to view selected items, adjust quantities, and calculate totals including shipping and tax.
- A secure checkout process with multiple payment options.
- A newsletter subscription feature for users to receive updates on new products and promotions.

Overall, BrewHaven aims to provide a comprehensive and enjoyable shopping experience for coffee lovers, ensuring they can easily find and purchase their favorite brews.

Simple website clone

Your Sustainability Dashboard
Track your device usage and get personalized recommendations to reduce energy consumption.

This application is a bookmark management tool designed to help users organize, track, and analyze their web bookmarks efficiently. It allows users to add, edit, and delete bookmarks while providing detailed insights into their usage patterns.

To use the app, users can navigate through a sidebar that offers various functionalities, including a dashboard, analytics, favorites, and settings. Users can search for bookmarks using a search bar, filter them by categories, priorities, and statuses, and sort them based on different criteria such as last visited, title, or visit count. The bookmarks can be displayed in multiple view modes, including grid, list, compact, kanban, and timeline.

The app is built using modern web technologies, including TypeScript and React, with a focus on a responsive design. It utilizes components from a UI library for consistent styling and functionality, such as buttons, cards, dialogs, and forms. The application also incorporates state management using React hooks to handle user interactions and data updates.

Key features of the app include:
- A sidebar for easy navigation and access to different sections.
- A search functionality to quickly find bookmarks by title, description, or tags.
- Filtering options to narrow down bookmarks by category, priority, and status.
- Multiple view modes for displaying bookmarks, allowing users to choose their preferred layout.
- Detailed bookmark information, including visit counts, time spent, and related sites.
- Analytics to track user engagement with bookmarks over time.
- The ability to mark bookmarks as favorites and categorize them for better organization.
- A modal for adding new bookmarks with fields for title, URL, description, category, priority, tags, and notes.
- Bulk actions for managing multiple bookmarks at once, including deletion and export options.

Overall, this app serves as a comprehensive solution for users looking to manage their bookmarks effectively while gaining insights into their browsing habits.

Homepage dashboard design

This application is a web-based platform designed for a restaurant named NOVA, which offers a unique culinary experience. The app allows users to explore the restaurant's offerings, make reservations, and learn more about the chefs and the dining experience.

Key functionalities of the app include:

1. **Reservation System**: Users can reserve a table by filling out a form that includes their name, email, phone number, number of guests, reservation date, time, and any special requests. The form is designed with user-friendly input fields and a calendar for date selection.

2. **Contact Information**: A dedicated contact section provides users with the restaurant's location, phone numbers, email addresses, and operating hours. Users can also send messages directly through a contact form.

3. **Menu Exploration**: The app features a detailed menu divided into categories such as starters, main courses, desserts, and drinks. Each item includes a description, price, and tags indicating dietary options or special features.

4. **Gallery**: Users can view a gallery showcasing images of the restaurant's ambiance, dishes, and chefs at work, providing a visual representation of the dining experience.

5. **Testimonials**: A section for guest experiences allows users to read reviews and testimonials from previous diners, enhancing the restaurant's credibility and appeal.

6. **Chef Profiles**: The app highlights the chefs behind the culinary creations, detailing their specialties and backgrounds, which adds a personal touch to the dining experience.

7. **Responsive Design**: The application is built to be responsive, ensuring a seamless experience across various devices, including desktops and mobile devices.

The app is developed using modern web technologies, including TypeScript and React for the frontend, with animations powered by Framer Motion for a dynamic user experience. The UI components are styled using Tailwind CSS, providing a clean and modern aesthetic.

Overall, the NOVA restaurant app combines functionality with an engaging user experience, making it easy for potential diners to explore the restaurant's offerings and make reservations.

Futuristic Restaurant Website

This application is a recruitment

Professional website redesign

This application is an AI-powered document assistant designed to help users upload, manage, and query documents using natural language. The app allows users to upload various document types, including PDFs, Word documents, Excel spreadsheets, PowerPoint presentations, and ZIP files. Once uploaded, users can ask questions about the content of these documents, and the AI will provide relevant answers along with citations from the documents.

To use the app, users can drag and drop files into the designated upload area or select files using a file browser. The app supports multiple file uploads and provides visual feedback on the upload progress. After documents are uploaded, users can interact with a chat interface to ask questions. The AI processes the questions and retrieves relevant information from the uploaded documents, displaying the answers in a conversational format.

The application is built using modern web technologies, including React for the frontend, TypeScript for type safety, and Next.js for server-side rendering and API routes. It utilizes various libraries such as Radix UI for accessible UI components, Lucide for icons, and Upstash Redis for storing document chunks and embeddings. The app also integrates with Vercel Blob for file storage and Neon database for metadata management.

Key features of the app include:
- Document upload and management: Users can upload multiple documents and view their status.
- AI-powered querying: Users can ask questions about the content of their documents, and the AI will provide answers based on the document's content.
- Progress indicators: Visual feedback during file uploads to inform users of the upload status.
- Document preview: Users can view details about uploaded documents, including file type, size, and chunk count.
- Toast notifications: Users receive feedback on actions such as successful uploads or errors.

Overall, this application provides a seamless experience for managing documents and retrieving information through natural language queries, leveraging AI to enhance user interaction with their documents.

AI powered document Q&A

This application is a YouTube Channel Browser that allows users to enter a YouTube channel URL or ID to browse all videos from that channel in chronological order. The app extracts the channel ID from various formats of YouTube URLs, fetches the channel's video data, and displays it in a user-friendly interface.

To use the app, users simply input a YouTube channel URL or ID into a form. Upon submission, the app retrieves the channel's videos and displays them along with relevant information such as the video title, description, thumbnail, published date, duration, and view count. Users can also track which videos they have watched, and the app provides a progress indicator showing how many videos have been watched versus the total available.

The app is built using TypeScript and React, leveraging Next.js for server-side rendering and API routes. It utilizes various hooks for managing state and side effects, including custom hooks for handling URL state, watched videos, and scrolling to specific videos. The application also employs the Fetch API to interact with the YouTube Data API, handling errors gracefully and providing user feedback.

Key features of the app include:
- Input form for entering YouTube channel URLs or IDs.
- Automatic extraction of channel IDs from different URL formats.
- Display of video information in a grid layout, including watched status and progress tracking.
- Loading indicators and error handling for a smooth user experience.
- Ability to share the current channel URL via the Web Share API or by copying to the clipboard.
- Local storage management for caching watched videos and channel data to enhance performance.

Overall, this app provides a comprehensive tool for users to explore and manage their interactions with YouTube channels and videos.

Youtube video tracker

QuickCal is a web application designed to help users select and share their available time slots for meetings or events. The app provides a user-friendly interface where users can view a calendar, select time slots, and generate formatted text for easy sharing.

To use QuickCal, users can navigate through a weekly calendar view, where they can select available time slots by clicking on the desired times. The app allows users to set their preferred time range for availability, which can be adjusted through a settings dialog. Users can also choose between 30-minute and 60-minute durations for their selected time slots. Once the time slots are selected, users can copy the formatted text representation of their availability to the clipboard for easy sharing.

The application is built using TypeScript and React, leveraging various libraries and components for UI elements, such as buttons, dialogs, and selectors. It utilizes the date-fns library for date manipulation and formatting, ensuring accurate handling of time and dates. The app also employs cookies to store user preferences for time settings, allowing for a personalized experience.

Key features of QuickCal include:
- A calendar view for selecting available time slots.
- Customizable time range settings to define availability.
- Support for both 30-minute and 60-minute meeting durations.
- The ability to copy formatted availability text to the clipboard.
- Responsive design for optimal use on various devices.

Overall, QuickCal streamlines the process of scheduling by making it easy for users to communicate their availability in a clear and organized manner.

This application is a portfolio website designed for an architectural designer and developer, Johannes Schmidt. It showcases a collection of projects that merge Bauhaus principles with modern design aesthetics. The app is built using React with TypeScript and utilizes Next.js for server-side rendering and routing. It incorporates various libraries, including Framer Motion for animations and Tailwind CSS for styling.

Users can navigate through different sections of the portfolio, including Home, Projects, and Contact. The Home page features an introduction to the designer's philosophy and a grid layout displaying featured projects. Each project card includes an animated image and a brief description, with links to view more details.

The Projects page lists all projects in a grid format, allowing users to click on individual projects to view detailed descriptions, images, and related projects. Each project detail page provides comprehensive information, including the project title, category, year, client, location, and a long description that elaborates on the design approach and features.

Key features of the app include:
- Animated text and sections that enhance user engagement.
- A custom cursor that changes based on the user's interaction with different elements.
- A theme toggle button that allows users to switch between light and dark modes.
- A contact form that enables users to reach out for inquiries, with feedback on submission status.
- Responsive design that adapts to various screen sizes, ensuring a seamless experience on both desktop and mobile devices.

The app also includes a geometric background animation that adds visual interest without distracting from the content. Overall, this portfolio application effectively highlights the designer's work while providing an interactive and visually appealing user experience.

Bento grid portfolio

Donezo Landing

This application is a web-based insurance comparison platform designed to help users find and compare various insurance products available in the Czech market. The app allows users to explore different types of insurance, including vehicle insurance, property insurance, personal insurance, and travel insurance, and provides a user-friendly interface for comparing offers from multiple insurance providers.

To use the app, users can navigate through different sections to view detailed information about each type of insurance. They can click on links to access specific insurance categories, such as vehicle insurance or home insurance, where they can find descriptions, benefits, and options to compare offers. Users can also fill out forms to request quotes or more information, which are sent via email to the company.

The application is built using Next.js, a React framework that enables server-side rendering and static site generation. It utilizes TypeScript for type safety and Lucide icons for visual elements. The UI components are styled using Tailwind CSS, ensuring a responsive and modern design. The app also includes a dialog component for users to submit their contact information for further assistance.

Key features of the app include:
- Comprehensive insurance comparison across various categories.
- Detailed descriptions of insurance types and their benefits.
- User-friendly forms for requesting quotes and additional information.
- Responsive design that works well on both desktop and mobile devices.
- Integration with email for easy communication with potential clients.

Overall, this application aims to simplify the process of finding the right insurance by providing users with the necessary tools and information to make informed decisions.

Czech Insurance Website

NexusAI is an advanced AI bot platform designed for developers to create, manage, and deploy powerful AI bots capable of handling large files and complex tasks. The application provides a user-friendly interface for bot creation, API key management, and monitoring bot performance through a comprehensive dashboard.

To use NexusAI, users can sign up for an account and log in to access the dashboard. From there, they can create new bots, generate API keys, and view documentation. The platform features a responsive design that adapts to various screen sizes, ensuring a seamless experience on both desktop and mobile devices.

NexusAI is built using modern web technologies, including TypeScript and React, with Next.js as the framework for server-side rendering and routing. The user interface components are styled using Tailwind CSS, providing a clean and responsive layout. The application also utilizes Lucide icons for visual elements, enhancing the overall user experience.

Key features of NexusAI include:

1. Advanced Bot Creation: Users can build sophisticated AI bots with an intuitive interface, allowing for customization of bot types, capabilities, and configurations.

2. API Key Generation: The platform offers a secure system for creating and managing API keys, complete with granular permission controls and usage monitoring.

3. Enterprise Security: NexusAI implements military-grade encryption and security protocols to protect user data and AI models from unauthorized access.

4. Dashboard Analytics: Users can monitor their bots' performance and API usage through a detailed dashboard that includes charts and usage statistics.

5. Documentation and Support: Comprehensive documentation is available to assist users in navigating the platform and utilizing its features effectively.

6. Responsive Design: The application is designed to work seamlessly across various devices, ensuring accessibility for all users.

NexusAI aims to empower developers and companies to build the next generation of AI applications, providing the tools and resources necessary for successful bot deployment and management.

Website like opn.ai

banking App

Pulse Studio

Pixel Soccer is a fast-paced, pixel-art football game inspired by Brazilian street soccer. In this intense 2-minute, player vs. CPU match, whoever scores the most goals wins! ⚽🔥

This application is a 3D terrain visualization tool that allows users to generate and explore realistic terrain models using WebGL and Three.js. The app provides two modes for rendering the terrain: a CPU-based version and a GPU-accelerated version, which can be toggled by the user.

To use the app, users can interact with a control panel that allows them to adjust various parameters such as terrain resolution, height scale, octaves for detail, and frequency. Users can also switch between wireframe and solid rendering modes. The terrain is generated based on a noise function, which creates natural-looking landscapes with features like mountains, valleys, and water bodies. Users can click on the terrain to get information about specific points, including coordinates, elevation, terrain type, and color.

The app is built using TypeScript and React, leveraging the Next.js framework for server-side rendering and dynamic imports to optimize performance. It utilizes Three.js for 3D rendering, along with shaders for advanced visual effects. The application also incorporates the Simplex noise algorithm for generating terrain features and uses Tailwind CSS for styling.

Key features of the app include:
- Dynamic terrain generation with customizable parameters.
- Toggle between CPU and GPU rendering modes.
- Interactive exploration of the terrain with mouse controls.
- Real-time updates to terrain features based on user input.
- Detailed information display for selected terrain points.
- Performance statistics for monitoring rendering efficiency.

Overall, this application serves as a powerful tool for visualizing and interacting with 3D terrain, making it suitable for developers and designers interested in landscape modeling and simulation.

React Three.Js Map Generator

WakandaPay Concept

Card Checkout

The Supibee Empowerment App is designed to connect businesses and opportunities across Kenya, providing a platform for users to engage with various services and resources. The app features a user-friendly interface that allows users to search for information, interact with an AI chatbot, post business opportunities, and upload their CVs.

To use the app, users can start by entering their search queries in the search bar to find relevant information. The AI chatbot, named Abdi, is available for real-time assistance, allowing users to ask questions and receive responses about Supibee services. Users can also post their business opportunities through a dedicated form, where they can provide a title, description, and upload media files such as images or videos to showcase their business. Additionally, users can upload their CVs in various formats, including PDF, DOCX, or RTF.

The app is built using modern web technologies, including TypeScript and React, ensuring a responsive and interactive user experience. It utilizes components from a UI library for consistent styling and functionality, and it incorporates state management to handle user inputs and interactions effectively.

Key features of the Supibee Empowerment App include:
- A search bar for quick access to information.
- An AI chatbot for personalized assistance and support.
- A business post form for users to share their business opportunities, complete with media uploads.
- A CV upload feature that allows users to submit their resumes easily.
- Contact information for users to reach out for further inquiries.

Overall, the Supibee Empowerment App serves as a comprehensive tool for users looking to enhance their business visibility and connect with potential opportunities in Kenya.

Supibee empowerment app

This application is a video streaming platform designed to mimic the functionality of YouTube. It allows users to watch videos, view video information, engage with comments, and explore recommended content. The app is built using TypeScript and React, leveraging Next.js for server-side rendering and Tailwind CSS for styling.

To use the app, users can navigate to the homepage where they will find a video player prominently displayed. Below the player, detailed information about the video is provided, including the title, channel name, subscriber count, and options to like, share, save, or subscribe to the channel. Users can also read and post comments, with the ability to like or dislike existing comments.

The app features a responsive layout that adjusts to different screen sizes, ensuring a seamless experience on both desktop and mobile devices. The comments section allows users to interact by adding their own comments and viewing others' feedback. Additionally, a sidebar displays recommended videos based on the current content, encouraging further exploration.

Key technologies involved in the development of this app include React for building user interfaces, Next.js for routing and server-side rendering, and Tailwind CSS for utility-first styling. The app also utilizes Lucide icons for visual elements and a theme toggle feature that allows users to switch between light and dark modes.

Overall, the app provides a comprehensive video viewing experience, combining video playback, user interaction, and content discovery in a modern web application.

Youtube clone website

Recreate Figma UI