https://github.com/karthikraji2020/uigenkit
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.
https://github.com/karthikraji2020/uigenkit
color-palette color-palettes-generator colors frontend javascript lineargradient neumorphism nodejs server-side-rendering soft-ui ui ui-kit
Last synced: 14 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/karthikraji2020/uigenkit
- Owner: karthikraji2020
- License: mit
- Created: 2020-06-04T14:48:43.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2024-10-09T22:45:55.000Z (over 1 year ago)
- Last Synced: 2025-03-28T11:11:36.920Z (12 months ago)
- Topics: color-palette, color-palettes-generator, colors, frontend, javascript, lineargradient, neumorphism, nodejs, server-side-rendering, soft-ui, ui, ui-kit
- Language: EJS
- Homepage: https://uigenkit.in
- Size: 57.3 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Uigenkit
**All In One latest Trending UI - Generator-Kit Application.**
Show your support by giving a ⭐ to this repo.
## 📸 Demo
Check out the live demo of **UiGenKit** in action:
App link :[https://uigenkit.in](https://uigenkit.in)
## Overview
**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.
---
## Features
### 1. **Neumorphism (Soft UI) Generator**
- Easily generate Soft UI designs, one of the latest trends in web design.
- **One-Tap CSS Copy:** Copy the CSS code for any generated design with a single tap on the color.
### 2. **glassmorphism Generator**
- Easily generate glassmorphism UI designs, one of the latest trends in web design.
- **One-Tap CSS Copy:** Copy the CSS code for any generated design with a single tap on the color.
### 3. **Background Pattern Generator**
- Generate beautiful pattern Generator.
- **Random Generator:** predefined pattern for your web pages.
- **One-Tap CSS Copy:** Copy CSS code with a tap.
- **Download as Image:** Save your gradient as an image for future use.
### 4. **Linear Gradient Generator**
- Generate beautiful linear gradients.
- **One-Tap CSS Copy:** Copy CSS code with a tap.
- **Download as Image:** Save your gradient as an image for future use.
### 5. **Color Palette Generator**
UiGenKit offers **two types** of palette generators:
- **Custom Palette Generator:** Allows users to create and tweak their own palettes.
- **Random Palette Generator:** Generates random, inspiring palettes.
Additional features include:
- **One-Tap CSS Copy:** Easily copy the palette's CSS code.
- **Like & Sort Palettes:** Users can like palettes and sort them by likes or the time they were created.
- **Download as Image:** Export the palette as an image.
- **Popular Social Media Colors:** Access to popular social media colors for quick use (copy code and download options available).
---
## Technologies Used
- **Server-Side Rendering:** Node.js & EJS
- **Database:** MongoDB
- **Frontend:** Vanilla JavaScript, HTML5, CSS3, Bootstrap 4.3
---