Skip to content

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.

License

Notifications You must be signed in to change notification settings

karthikraji2020/uigenkit

Uigenkit

All In One latest Trending UI - Generator-Kit Application. Show your support by giving a ⭐ to this repo.

License Stars Contributions welcome

📸 Demo

Check out the live demo of UiGenKit in action:

App link :https://uigenkit.in

uigenkit

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

About

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.

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Sponsor this project