{"id":14979113,"url":"https://github.com/6677-ai/tap4-ai-webui","last_synced_at":"2025-05-14T20:03:20.058Z","repository":{"id":240850706,"uuid":"800345469","full_name":"6677-ai/tap4-ai-webui","owner":"6677-ai","description":"One-click to deploy your own ai tools directory with the open source web-ui","archived":false,"fork":false,"pushed_at":"2025-04-02T16:22:19.000Z","size":4756,"stargazers_count":986,"open_issues_count":9,"forks_count":396,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-06T14:03:43.867Z","etag":null,"topics":["ai","aidirectory","aitool","aitools","chatgpt","gpt4o","nextjs","nextjstemplate","tap4","tap4ai","vercel","webui"],"latest_commit_sha":null,"homepage":"https://tap4.ai","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/6677-ai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-14T06:49:38.000Z","updated_at":"2025-04-05T21:59:29.000Z","dependencies_parsed_at":"2024-06-04T16:49:51.793Z","dependency_job_id":"6e7f6c40-586b-4993-812d-dcddd819a08b","html_url":"https://github.com/6677-ai/tap4-ai-webui","commit_stats":{"total_commits":59,"total_committers":4,"mean_commits":14.75,"dds":0.5423728813559322,"last_synced_commit":"4c38c274f0c3e63256be8faff3bdeb5d7394c19a"},"previous_names":["6677-ai/tap4-ai-webui"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/6677-ai%2Ftap4-ai-webui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/6677-ai%2Ftap4-ai-webui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/6677-ai%2Ftap4-ai-webui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/6677-ai%2Ftap4-ai-webui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/6677-ai","download_url":"https://codeload.github.com/6677-ai/tap4-ai-webui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248748968,"owners_count":21155675,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","aidirectory","aitool","aitools","chatgpt","gpt4o","nextjs","nextjstemplate","tap4","tap4ai","vercel","webui"],"created_at":"2024-09-24T13:59:16.934Z","updated_at":"2025-05-14T20:03:20.037Z","avatar_url":"https://github.com/6677-ai.png","language":"TypeScript","funding_links":["https://www.buymeacoffee.com/tap4ai0o"],"categories":["TypeScript","UIs"],"sub_categories":["Web applications"],"readme":"# Open Source Tap4 AI Web UI\n\nThis is an open-source AI Tools Directory project from [Tap4 AI Tool Directory](https://tap4.ai). Our goal is to make it\neasy for everyone to have their own AI Tools Directory, to collect their favorite AI tool products. This project is very\nlightweight and easy to maintain, suitable for individual developers interested in AI navigation sites, and also\nsuitable for learners interested in NextJs. Everyone is welcome to fork and star.\n\n[Simplified Chinese](https://github.com/6677-ai/tap4-ai-webui/blob/main/README.zh-CN.md) | English\n\n## Support Tap4 AI in Product Hunt\n\n\u003ca href=\"https://www.producthunt.com/posts/ai-tools-directory-by-tap4-ai?embed=true\u0026utm_source=badge-featured\u0026utm_medium=badge\u0026utm_souce=badge-ai\u0026#0045;tools\u0026#0045;directory\u0026#0045;by\u0026#0045;tap4\u0026#0045;ai\" target=\"_blank\"\u003e\u003cimg src=\"https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=464357\u0026theme=light\" alt=\"AI\u0026#0032;Tools\u0026#0032;Directory\u0026#0032;by\u0026#0032;Tap4\u0026#0032;AI - Open\u0026#0045;source\u0026#0032;AI\u0026#0032;navigation\u0026#0032;\u0026#0038;\u0026#0032;discovery\u0026#0032;with\u0026#0032;multi\u0026#0045;language | Product Hunt\" style=\"width: 250px; height: 54px;\" width=\"250\" height=\"54\" /\u003e\u003c/a\u003e\n\n## Version 2.0.0 Update Notes\n\n- AI site data is stored using a supabase database.\n- It is connected to the Tap4 AI crawler project, supporting fully automatic submission and collection.\n- Supports simple categorization and search.\n\nNote: If you are not familiar with the database, or are concerned about compatibility issues with version 1.0.0, please\nclick to switch to the [version 1.0.0 branch](https://github.com/6677-ai/tap4-ai-webui/tree/v1.0.0).\n\n## Latest Features Introduction\n\n- Supports the display of AI tool lists.\n- Supports AI tool category filtering.\n- Supports AI tool search.\n- Supports the display of AI tool Markdown details.\n- SEO friendly (supports i18n).\n\n## Technical Stack Description\n\n- Uses NEXT 14 and app routing (React server components).\n- Supabase serverless database.\n- Internationalization.\n- SEO friendly (supports i18n).\n- Dynamic sitemap.xml (supports i18n).\n- Tailwind CSS.\n\n## Front-end Page Screenshot\n\n![tap4-ai](./public/images/tap4ai.zh-CN.png)\n\n## Follow and Support Links\n\nPlease follow our Twitter: https://x.com/tap4ai\n\nIf you find the project helpful, please consider buying me a coffee:\n\n\u003ca href=\"https://www.buymeacoffee.com/tap4ai0o\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/default-orange.png\" alt=\"Buy Me A Coffee\" height=\"41\" width=\"174\"\u003e\u003c/a\u003e\n\nIf you are interested in the project, please add my WeChat: helloleo2023, note: \"tap4 ai open source\"\n\n## Deployment Instructions\n\n### Deploying Tap4 AI Crawler\n\nSee [Tap4 AI Crawler](https://github.com/6677-ai/tap4-ai-crawler) for details. After deployment, you can use the\nplatform's domain name or a custom domain name as the API interface for generating AI tool web page content (e.g.,\nhttps://{crawler_domain}/site/crawl, where {crawler_domain} is your specific domain name).\n\n**You need to configure it in the CRAWLER_API environment variable.**\n\n### Creating a Supabase Database and Executing SQL Scripts\n\n- Register on [Supabase](https://supabase.com/), create a database, and record the SUPABASE_URL and SUPABASE_ANON_KEY\n  for later Vercel environment variable deployment.\n- Execute the SQL files in the project's db directory on the Supabase backend: create_table.sql,\n  insert_category_data.sql, insert_data.sql.\n\n**Note: If you need to modify the data, you can refer to the SQL files or directly edit them on the Supabase backend.**\n\n### Deploy on Vercel **(Don't forget to set the environment variables)**\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2F6677-ai%2Ftap4-ai-webui.git\u0026env=NEXT_PUBLIC_SITE_URL,GOOGLE_TRACKING_ID,GOOGLE_ADSENSE_URL,CONTACT_US_EMAIL,NEXT_PUBLIC_SUPABASE_URL,NEXT_PUBLIC_SUPABASE_ANON_KEY,CRAWLER_API,CRAWLER_API_KEY,CRON_AUTH_KEY,SUBMIT_AUTH_KEY\u0026project-name=tap4-ai)\n\nEnvironment params as below: **Note: All key is in need, and the value including\nNEXT_PUBLIC_SITE_URL,NEXT_PUBLIC_SUPABASE_URL,NEXT_PUBLIC_SUPABASE_ANON_KEY write with the correct value**\n\n```sh\n# Your domain\nNEXT_PUBLIC_SITE_URL=\"https://tap4.ai\"\n\n# Google tracking ID and ad URL\nGOOGLE_TRACKING_ID=\"G-XXXXXXX\" GOOGLE_ADSENSE_URL=\"https://xxxx.googlesyndication.com/xxxxx/xxxxx\"\n\n# Contact email at the bottom\nCONTACT_US_EMAIL=\"contact@tap4.ai\"\n\n# Supabase database URL and key\nNEXT_PUBLIC_SUPABASE_URL=\"https://xxxyyyzzz.supabase.co\"\nNEXT_PUBLIC_SUPABASE_ANON_KEY=\"XXX.YYY.ZZZ\"\n\n# Web crawler API interface\nCRAWLER_API=\"https://{crawler_domain}/site/crawl_async\"\n\n# Crawler interface verification key\nCRAWLER_API_KEY=\"xxxx\"\n\n# Custom interface verification key\nCRON_AUTH_KEY=\"keyxxxx\"\n\n# Submit API verification key\nSUBMIT_AUTH_KEY=\"xxxx\"\n\n```\n\n**Note: This version uses Vercel's scheduled tasks to automatically read and submit websites and generate website\nresults.**\n\n- Free version of Vercel: Supports only one call per day, you can manually call {domain}/api/cron, using POST, Header:\n  {\"Authorization\":\"Bearer auth_key\"}, where auth_key is a custom configured environment variable.\n- Pro version of Vercel: You can refer to this document to configure\n  [Vercel Cron Jobs](https://vercel.com/docs/cron-jobs#cron-expressions).\n\n## Running Locally\n\n### Installation\n\n- Node\n- NVM\n- PNPM\n\n### Setup\n\n#### Clone this project\n\n```sh\ngit clone https://github.com/6677-ai/tap4-ai-webui.git\n```\n\n#### Create a Supabase Database and Execute SQL Scripts\n\nRegister on Supabase, create a database, and record the SUPABASE_URL and SUPABASE_ANON_KEY for later Vercel environment\nvariable deployment. Execute the SQL files in the project's db directory on the Supabase backend: create_table.sql,\ninsert_category_data.sql, insert_data.sql.\n\n**Note: If you need to modify the data, you can refer to the SQL files or directly edit them on the Supabase backend.**\n\n#### Set Environment Variables In the root directory, create a .env.local file and fill in the specific values, as shown below:\n\n**Note: All key is in need, and the value including\nNEXT_PUBLIC_SITE_URL,NEXT_PUBLIC_SUPABASE_URL,NEXT_PUBLIC_SUPABASE_ANON_KEY write with the correct value**\n\n```sh\n# Your domain\nNEXT_PUBLIC_SITE_URL=\"https://tap4.ai\"\n\n# Google tracking ID and ad URL\nGOOGLE_TRACKING_ID=\"G-XXXXXXX\" GOOGLE_ADSENSE_URL=\"https://xxxx.googlesyndication.com/xxxxx/xxxxx\"\n\n# Contact email at the bottom\nCONTACT_US_EMAIL=\"contact@tap4.ai\"\n\n# Supabase database URL and key\nNEXT_PUBLIC_SUPABASE_URL=\"https://xxxyyyzzz.supabase.co\" NEXT_PUBLIC_SUPABASE_ANON_KEY=\"XXX.YYY.ZZZ\"\n\n# Web crawler API interface\nCRAWLER_API=\"https://craw_domain/site/crawl_async\"\n\n# Crawler interface verification key\nCRAWLER_API_KEY=\"xxxx\"\n\n# Custom interface verification key\nCRON_AUTH_KEY=\"keyxxxx\"\n\n# Submit API verification key\nSUBMIT_AUTH_KEY=\"xxxx\"\n\n```\n\n#### (5) runs on dev mode\n\nswitch to the particular node version\n\n```sh\nnvm use\n```\n\ninstall packages\n\n```sh\npnpm i\n```\n\nrun on dev mode\n\n```sh\npnpm dev\n```\n\n## How to upate your content?\n\n### Manually Modify the Database\n\nModify the data in the web_navigation table of Supabase, please pay attention to the format of markdown.\n\n### If the Crawler Fails to Load, How to Handle It\n\nDue to compatibility issues with different site anti-crawling mechanisms, the crawler may currently fail to load. For\nsuch issues, you currently need to manually query the database submit table, and then manually create the relevant\nwebsite content and insert it into the web_navigation table.\n\n### How to get the ai tools for project initialization?\n\nYou can get the 13000+ AIs from Tap4 AI collected from other AI Tools Directory in\n[AI Source List](https://github.com/6677-ai/tap4-ai-webui/blob/main/ai_source_list)\n\n## Wanna submit your website on Tap4.ai?\n\nOpen: [Tap4 AI](https://tap4.ai)\n\n### Wanna add you website to our `/startup` page?\n\n- open an issue here: [TAP4-AI-Directory](https://github.com/6677-ai/TAP4-AI-Directory/issues)\n- email us: contact@tap4.ai\n\n## Links to our products\n\n### AI Video Online - Advanced AI Video All in One\n\n[AI Video Online](https://videoweb.ai/)\nMore about AI Video Online:\nhttps://www.zhihu.com/pin/1835046959477567488\n\n### Flux Pro AI - Free Online Flux.1 AI Image Generator\n\n[Flux 1.1 Pro](https://fluxproweb.com/)\nMore about Flux Pro AI\nhttps://www.zhihu.com/pin/1832771259513069568\n\n\n### Free Stable Diffusion 3 Online Tool\n\n[Free Stable Diffusion 3 Online](https://stable-diffusion-3.online)\n\n### Free Tiny Png Tool\n\n[Free Type Png Tool](https://freetinypng.com)\n\n### Flux AI - Flux.1 AI Image Generator\n\n[Flux AI](https://flux-ai.io/)\n\n## Other open source\n\n### Website content AI crawler\n\nvisit: [6677-ai/tap4-ai-crawler](https://github.com/6677-ai/tap4-ai-crawler)\n\n\n#### More AI\n\n### VideoWeb AI\n\nVideoWeb AI is an advanced Image to Video AI Tool. It's currently available for free experience, please visit\n[VideoWeb AI](https://videoweb.ai/)\n\n### Sana AI\n\nSana AI is an advanced Text to Image / Video AI Tool. It's currently available for free experience, please visit\n[Sana AI](https://sana-ai.com/)\n\n### Photo to Video AI\n\nPhoto to Video AI is currently available for free experience, please visit\n[Photo to Video AI](https://dreammachineai.online/)\n\n### Flux KI\n\nFlux KI is the powerful generative AI for German, please visit\n[Flux Pro Image Generator](https://flux-pro.net/)\n\n### Flux IA\nFlux IA is the generative IA for France \u0026 Espain, please visit:\n[Flux IA](https://fluxia.pro/)\n\n### Virtual Try On AI\n\nVirtual Try On AI - Free Online Fashion AI for clothes, visit\n[Virtual Try On AI](https://aitryon.art/)\n\n### GPT 4o image generator\n\nChat 4o build with openai o1 and chatgpt 4o, please visit\n[Chat 4O](https://chat4o.ai/)\n\n### Janus Pro\n\nJanus Pro Image Generator build with Janus Pro Model by DeepSeek, please visit\n[Janus Pro](https://janusproweb.com/)\n\n\n### Grok Image Generator\n\nGrok Image Generator with flux ai, please visit\n[Grok Image Generator](https://grokimagegenerator.net/))\n\n### Free Stable Diffusion 3 Online\n\nStable Diffusion 3 Medium is currently available for free experience, please visit\n[Free Stable Diffusion 3 Online](https://stable-diffusion-3.online/)\n\n### Artiverse AI Tools Directory\n\nArtiverse AI Tools Directory. If you are interested with it, visit\n[Artiverse AI](https://artiverse.app/)\n\n### The Tattoo AI Generator and Design\n\nTattao AI Design is a tattoo ai generator and design for the tattoo fans. If you are interested with it, visit\n[Tattoo AI Design](https://tattooai.design)\n\n### Best AI Image Generator\n\nBest AI Image Generator is the most powerful AI Image Generator integrated with Flux AI and Stable Diffusion AI. If you are interested with it, visit\n[Best AI Image Generator](https://bestimage.ai/)\n\n### Dream Companion AI\n\nLet your AI companion take care of your most personal needs with our innovative NSFW AI roleplay experience. If you are interested with it, visit\n[Dream Companion AI](https://www.mydreamcompanion.com/)\n\n### WUI AI\n\nWUI.ai uses AI to turn your long-form videos into short clips. If you are interested with it, visit\n[WUI.AI](https://www.wui.ai/)\n\n\n### Sourcetable AI\n\nSourcetable AI - Advanced Spreadsheet Software for Data Analysis and Business Intelligence. If you are interested with it, visit\n[Sourcetable AI](https://sourcetable.com)\n\n\n### Remio AI Note Taker\n\nRemio AI Note Taker transforms scattered information into structured knowledge with ease. Designed as your personal AI knowledge hub, it helps you capture, organize, and blend insights seamlessly. Whether you're researching, brainstorming, or writing, remio streamlines your workflow by intelligently managing notes, highlights, and references—all while keeping your data private and secure. Perfect for professionals, students, and creatives, remio turns messy ideas into clear, actionable knowledge. Join the waitlist to experience smarter note-taking today.. If you are interested with it, visit\n[Remio AI Note Taker](https://www.remio.ai/))\n\n\n### Ghibli Art Studio\n\nGhibli Art Studio - Transform your photos into enchanting Ghibli-style artwork with our online Ghibli Art Studio AI tool. Powered by Studio ghiblify's ghiblify image-to-image technology, create magical Ghibli-inspired visuals faster and more affordably than ever before. If you are interested with it, visit\n[Ghibli Art Studio](https://videoweb.ai/ghibli-studio/)\n\n\n### AI Action Figure Generator\n\nAI Action Figure Generator - Transform Your Photos into Collectible Figures. Experience the magic of becoming a collectible figure by transforming your photos into professional-grade action figures using AI technology. If you are interested with it, visit\n[AI Action Figure Generator](https://flux-ai.io/ai-action-figure-generator/)\n\n### Makeform AI\nMakeform AI is a free online ai form builder like ChatGPT. Chat with AI to build surveys, quizzes, or polls in seconds – no coding needed!  If you are interested with it, visit\n[Makeform AI](https://www.makeform.ai/)\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F6677-ai%2Ftap4-ai-webui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F6677-ai%2Ftap4-ai-webui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F6677-ai%2Ftap4-ai-webui/lists"}