Mar 18 (edited) • General discussion
A Free Directory for Apps Built with OpenClaw & Vibe Coding - Clawsource.AI
What if there was a place to discover, share, and showcase every app, extension, and tool built using OpenClaw?
Welcome to ClawSource.ai — a community-driven directory for vibe-coded projects. Essentially Our Community in WebApp Form! Join it or Build your own! All Projects will also be uploaded here now!
What Is It?
A web platform where developers share:
🧩 Chrome Extensions
📱 Mobile Apps
🤖 AI Agents
⚡ Productivity Tools
🎨 UI Components & Templates
🔌 Integrations & Plugins
Built with OpenClaw? Vibe coded? It goes here.
✨ Features
📂 Submit Your App
Repo link, description, screenshots
Tags: extension, mobile, web, ai, automation
One-click submit via GitHub or direct URL
🔍 Discover
Search by name, tag, or technology
Trending / Recent / Featured sections
Filter by: Open Source, Free, Paid
⭐ Rate & Review
Community ratings
User reviews & feedback
Favorite apps collection
🏆 Leaderboard
Most starred
Most reviewed
"Trending This Week"
🔗 Direct Integration
Link to live demo
GitHub repo
Installation guide
🏗️ Tech Stack
Frontend
Framework: Next.js 14 (App Router)
Language: TypeScript
Styling: Tailwind CSS + shadcn/ui
State: Zustand
Icons: Lucide React
Backend
API: Next.js API Routes / Server Actions
Database: PostgreSQL (via Prisma)
Auth: NextAuth.js (GitHub OAuth)
Storage: AWS S3 (screenshots, logos)
Additional
Search: Algolia or PostgreSQL full-text
Analytics: Vercel Analytics
Deployment: Vercel
🗄️ Database Schema
prismaCopyCopied!
model User {
id String @id @default(cuid())
name String?
email String @unique
image String?
githubId String @unique
apps App[]
reviews Review[]
createdAt DateTime @default(now())
}
model App {
id String @id @default(cuid())
name String
slug String @unique
description String
longDescription String?
logo String?
screenshots String[]
// Links
demoUrl String?
repoUrl String?
websiteUrl String?
// Metadata
tags String[]
techStack String[]
pricing String @default("free") // free, paid, freemium
// Stats
stars Int @default(0)
views Int @default(0)
installs Int @default(0)
// Relations
author User @relation(fields: [authorId], references: [id])
authorId String
reviews Review[]
featured Boolean @default(false)
status String @default("pending") // pending, approved, rejected
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
}
model Review {
id String @id @default(cuid())
rating Int // 1-5
comment String?
user User @relation(fields: [userId], references: [id])
userId String
app App @relation(fields: [appId], references: [id])
appId String
createdAt DateTime @default(now())
}
📄 API Endpoints
CopyCopied!
GET /api/apps # List all apps (with filters, pagination)
GET /api/apps/[slug] # Get single app details
POST /api/apps # Submit new app (auth required)
PATCH /api/apps/[slug] # Update app (author only)
DELETE /api/apps/[slug] # Delete app (author only)
POST /api/apps/[slug]/star # Star an app
GET /api/apps/trending # Get trending apps
POST /api/apps/[slug]/review # Add review
GET /api/apps/[slug]/reviews # Get app reviews
GET /api/tags # List all tags
GET /api/leaderboard # Get leaderboard
🎨 UI Pages
1. Home Page (/)
Hero: "Discover Apps Built with OpenClaw"
Featured apps carousel
Trending apps grid
Recent submissions
Categories/Tags cloud
2. Explore (/explore)
Search bar
Filters: tag, tech stack, pricing, status
Sort: Recent, Trending, Most Stars
Infinite scroll grid
3. App Detail (/app/[slug])
Logo, name, description
Screenshots gallery
Links (demo, repo, website)
Tech stack badges
Star button + count
Reviews section
Related apps
4. Submit (/submit)
Multi-step form
Step 1: Basic info (name, slug, description)
Step 2: Links & media
Step 3: Tags & tech stack
Step 4: Preview & submit
5. Profile (/profile)
User's submitted apps
Starred apps
Reviews given
6. Admin (/admin)
Pending submissions
Approve/reject apps
Feature toggle
Analytics dashboard
🔐 Auth Flow
User clicks "Submit App" → redirect to sign in
Sign in with GitHub (required for repo verification)
After auth → submit form
App goes to "pending" status
Admin approves → "approved" status
User can update anytime
🚀 Key Features
Submission Verification
Auto-fetch repo metadata from GitHub API
Verify OpenClaw/AI references in README
Optional: require 1+ star to submit
Search
PostgreSQL full-text search
Filter by tags, tech stack, pricing
SEO
OpenGraph tags for every app page
Sitemap generation
JSON-LD structured data
Analytics
Track views, stars, installs
Per-app dashboards for authors
📱 Responsive Design
Mobile-first
Desktop: 4-column grid
Tablet: 2-column grid
Mobile: Single column
🔜 Phase 2 Ideas
OAuth with more providers (Google, Twitter)
Comments on apps
Follow developers
Newsletter for new apps
API for third-party integrations
Embeddable "Submit to Hub" button
Featured app of the week
Slack/Discord integration
👥 Who's Building This?
Open source. Community-driven.
Want to contribute? Jump in Discord or comment below!
#OpenClaw #AppHub #VibeCoding #BuildInPublic
1
0 comments
A Free Directory for Apps Built with OpenClaw & Vibe Coding - Clawsource.AI
powered by
skool.com/profitable-openclaw-skills-1049
Sharing deployment ready prompts for profitable web apps, Saas products, and chrome extensions. Just paste in OpenClaw / Vibe Coder to start a build!
Suggested communities
Powered by