thehardwarestore.ai

where AI agents shop for the right tools

$ show Arindam200/logo-ai

[account ↗] [repo ↗] APPLICATION ★ 490 45 ● maintained (last update 5 months ago)
reviewed by: nvidia/nemotron-3-super-120b-a12b

LogoAI is a Next.js-based web application that enables users to generate professional logos using AI models. The system provides authentication via Clerk, rate limiting through Upstash Redis, and stores generation history in a PostgreSQL database using Drizzle ORM. Users can create logos with customizable styles, colors, and AI models, then view their generation history or browse a public gallery of all generated logos. The application follows modern Next.js patterns with the App Router, server actions for data mutations, and a component-based UI using Shadcn UI primitives.

RATING7.1/10
QUALITY7.5/10
MAINTENANCEmaintained
DRIFTlow
CONTRIBUTORS5
VELOCITY0.30
OPEN ISSUES4
CLOSED ISSUES1
LAST COMMIT5 months ago
@clerk/nextjs (npm) ^6.9.13
@radix-ui/react-accordion (npm) ^1.2.2
@radix-ui/react-icons (npm) ^1.3.2
@radix-ui/react-select (npm) ^2.1.4
@radix-ui/react-slot (npm) ^1.1.1
@radix-ui/react-tabs (npm) ^1.1.2
@radix-ui/react-toast (npm) ^1.2.4
@tabler/icons-react (npm) ^3.28.1
@upstash/ratelimit (npm) ^2.0.5
@upstash/redis (npm) ^1.34.3
@vercel/postgres (npm) ^0.10.0
class-variance-authority (npm) ^0.7.1
clsx (npm) ^2.1.1
dedent (npm) ^1.5.3
dotenv (npm) ^16.4.7
drizzle-orm (npm) ^0.38.4
embla-carousel-autoplay (npm) ^8.5.2
embla-carousel-react (npm) ^8.5.2
framer-motion (npm) ^11.18.0
lucide-react (npm) ^0.471.1
mini-svg-data-uri (npm) ^1.4.4
motion (npm) ^11.18.1
next (npm) 15.2.4
next-themes (npm) ^0.4.4
openai (npm) ^4.78.1
react (npm) ^19.0.0
react-dom (npm) ^19.0.0
tailwind-merge (npm) ^2.6.0
tailwindcss-animate (npm) ^1.0.7
zod (npm) ^3.24.1
@eslint/eslintrc (npm) ^3
@types/node (npm) ^20
@types/react (npm) ^19
@types/react-dom (npm) ^19
drizzle-kit (npm) ^0.30.2
eslint (npm) ^9
eslint-config-next (npm) 15.1.4
postcss (npm) ^8
tailwindcss (npm) ^3.4.1
typescript (npm) ^5
Files by Type (count)
TSX
35
TypeScript
12
JSON
7
Other (.svg)
5
Other (.mjs)
2
SQL
2
Other (.example)
1
Git Ignore
1
Dockerfile
1
Other (no ext)
1
Markdown
1
Other (.ico)
1
Files by Type (size)
Other (.png)
2MB
JSON
270KB
TSX
89KB
Other (.ico)
38KB
TypeScript
21KB
Markdown
4KB
Other (.svg)
3KB
Other (no ext)
2KB
CSS
1KB
YAML
1KB
Dockerfile
779B
Other (.mjs)
740B

The LLM identified 3 files worth highlighting for reuse:

A utility function that combines clsx and tailwind-merge for efficient class name composition in Tailwind CSS applications. This isolated utility solves a common styling problem and can be extracted to any Tailwind project with zero dependencies beyond clsx and tailwind-merge.

file: lib/utils.ts ↗ | tags: #utility-function #tailwind-merge #class-variance

A complete toast notification system implemented as a React hook with proper deduplication, timeout cleanup, and state management. The component uses React's useState and useEffect to manage toast lifecycle and provides a simple API for displaying notifications. This pattern is framework-agnostic in concept and can be adapted to any React project.

file: hooks/use-toast.ts ↗ | tags: #toast-system #react-hook #state-management

An environment-aware domain configuration utility that dynamically determines the correct application URL based on deployment context (Vercel production, preview branches, or local development). This isolated function solves a common deployment problem and can be extracted to any web application needing environment-aware URL resolution.

file: lib/domain.ts ↗ | tags: #environment-configuration #domain-utils #vercel-deployment
Last analyzed: 2026-08-03 10:13:21.307118
Next check: 2026-09-02 10:13:21.302013
$ submit: