{"id":19452854,"url":"https://github.com/karthikraji2020/uigenkit","last_synced_at":"2026-03-10T13:33:13.595Z","repository":{"id":255241902,"uuid":"269386625","full_name":"karthikraji2020/uigenkit","owner":"karthikraji2020","description":"UiGenKit is multi-featured application that helps designers and developers to choose (copy css code) or download their own color palettes , linear-gradient as Images as well and soft-ui Genarator (latest ui-design pattern ) for their next successful project. It has a collection of fresh palettes created and liked by users everyday.","archived":false,"fork":false,"pushed_at":"2024-10-09T22:45:55.000Z","size":60097,"stargazers_count":3,"open_issues_count":15,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-28T11:11:36.920Z","etag":null,"topics":["color-palette","color-palettes-generator","colors","frontend","javascript","lineargradient","neumorphism","nodejs","server-side-rendering","soft-ui","ui","ui-kit"],"latest_commit_sha":null,"homepage":"https://uigenkit.in","language":"EJS","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/karthikraji2020.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":"2020-06-04T14:48:43.000Z","updated_at":"2025-03-28T08:50:39.000Z","dependencies_parsed_at":"2024-08-28T20:44:27.345Z","dependency_job_id":null,"html_url":"https://github.com/karthikraji2020/uigenkit","commit_stats":null,"previous_names":["karthikraji2020/uigenkit"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/karthikraji2020%2Fuigenkit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/karthikraji2020%2Fuigenkit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/karthikraji2020%2Fuigenkit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/karthikraji2020%2Fuigenkit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/karthikraji2020","download_url":"https://codeload.github.com/karthikraji2020/uigenkit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248975316,"owners_count":21192210,"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":["color-palette","color-palettes-generator","colors","frontend","javascript","lineargradient","neumorphism","nodejs","server-side-rendering","soft-ui","ui","ui-kit"],"created_at":"2024-11-10T16:48:55.229Z","updated_at":"2026-03-10T13:33:13.585Z","avatar_url":"https://github.com/karthikraji2020.png","language":"EJS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Uigenkit\n **All In One latest Trending UI - Generator-Kit Application.**\n Show your support by giving a ⭐ to this repo.\n\n![License](https://img.shields.io/github/license/karthikraji2020/uigenkit)\n![Stars](https://img.shields.io/github/stars/karthikraji2020/uigenkit?style=social)\n![Contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg)\n\n## 📸 Demo\n\nCheck out the live demo of **UiGenKit** in action:\n\nApp link :[https://uigenkit.in](https://uigenkit.in)\n\u003cp align=\"center\"\u003e\n\u003ca href=\"./public/images/uigenkit.gif\"\u003e\n\u003cimg src=\"./public/images/uigenkit.gif\" alt=\"uigenkit\"\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n## Overview\n**UiGenKit** is a productivity-focused tool for frontend developers and designers. It enables quick generation and copying of CSS for modern design elements—like color palettes, gradients, and Neumorphic (Soft UI) styles. Built for scalability, it includes a dynamic library of user-generated palettes to support fast prototyping and consistent theming.\n\n---\n\n## Features\n\n### 1. **Neumorphism (Soft UI) Generator**\n- Easily generate Soft UI designs, one of the latest trends in web design.\n- **One-Tap CSS Copy:** Copy the CSS code for any generated design with a single tap on the color.\n\n### 2. **glassmorphism  Generator**\n- Easily generate glassmorphism UI designs, one of the latest trends in web design.\n- **One-Tap CSS Copy:** Copy the CSS code for any generated design with a single tap on the color.\n\n### 3. **Background Pattern Generator**\n- Generate beautiful pattern Generator.\n- **Random Generator:** predefined pattern for your web pages.\n- **One-Tap CSS Copy:** Copy CSS code with a tap.\n- **Download as Image:** Save your gradient as an image for future use.\n\n\n### 4. **Linear Gradient Generator**\n- Generate beautiful linear gradients.\n- **One-Tap CSS Copy:** Copy CSS code with a tap.\n- **Download as Image:** Save your gradient as an image for future use.\n\n### 5. **Color Palette Generator**\n   UiGenKit offers **two types** of palette generators:  \n   - **Custom Palette Generator:** Allows users to create and tweak their own palettes.\n   - **Random Palette Generator:** Generates random, inspiring palettes.\n   \n   Additional features include:\n   - **One-Tap CSS Copy:** Easily copy the palette's CSS code.\n   - **Like \u0026 Sort Palettes:** Users can like palettes and sort them by likes or the time they were created.\n   - **Download as Image:** Export the palette as an image.\n   - **Popular Social Media Colors:** Access to popular social media colors for quick use (copy code and download options available).\n\n---\n## Technologies Used\n- **Server-Side Rendering:** Node.js \u0026 EJS\n- **Database:** MongoDB\n- **Frontend:** Vanilla JavaScript, HTML5, CSS3, Bootstrap 4.3\n---\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkarthikraji2020%2Fuigenkit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkarthikraji2020%2Fuigenkit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkarthikraji2020%2Fuigenkit/lists"}