Coollors
An Application that empowers users to effortlessly create, customize, save, and export stunning color palettes. this application offers an intuitive interface for designers, developers, and creatives to explore endless color combinations
Install / Use
/learn @evergreenx/CoollorsREADME
Coolors Clone
A Coolors clone built using Next.js, Supabase, Shadcn UI, and Tailwind CSS. This project allows users to generate color palettes, save them to a database, and access them later.
Features
- Color palette generation
- Saving palettes to supabase db
- Authentication with Clerk auth
- CRUD operations for palettes
- Exporting palettes as PNG, PDF, SVG, and more
Technologies Used
- Next.js - React framework for building server-side rendered applications
- Supabase - Open Source Firebase alternative. Instant real-time, Postgres-powered, and scalable
- Tailwind CSS - A utility-first CSS framework for building custom designs
- Shadcn UI - Beautifully designed components that you can copy and paste into your apps
- Clerk Auth - A utility-first CSS framework for building custom designs
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Related Skills
diffs
341.8kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
FastGPT
27.6kFastGPT is a knowledge-based platform built on the LLMs, offers a comprehensive suite of out-of-the-box capabilities such as data processing, RAG retrieval, and visual AI workflow orchestration, letting you easily develop and deploy complex question-answering systems without the need for extensive setup or configuration.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
1.9kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
