https://github.com/navnote/rangeen

tool that helps you to create a colour palette for your website
https://github.com/navnote/rangeen

color material-design pallete shadcn tailwindcss

Last synced: 3 months ago
JSON representation

tool that helps you to create a colour palette for your website

• Host: GitHub
• URL: https://github.com/navnote/rangeen
• Owner: Navnote
• Created: 2024-03-03T23:51:14.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-03-26T21:29:40.000Z (7 months ago)
• Last Synced: 2024-06-14T18:44:57.747Z (5 months ago)
• Topics: color, material-design, pallete, shadcn, tailwindcss
• Language: TypeScript
• Homepage: https://navnote.github.io/rangeen/
• Size: 348 KB
• Stars: 15
• Watchers: 0
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-shadcn-ui - navnote/rangeen - Tool that helps you to create a colour palette for your website (Apps / Colors and Customizations)
• awesome-shadcn-ui - Navnote/rangeen - Tool that helps you to create a colour palette for your website. (Colors And Customizations)
• awesome-shadcn-ui - Navnote/rangeen - Tool that helps you to create a colour palette for your website. (Colors And Customizations)

README

        
# Rangeen

Rangeen is a quick weekend/open-source project that lets you visualize colours with real websites and components. It is a tool that helps you to create a colour palette for your website.

The project uses material design utilities to generate the colour palette and then uses the colours to generate a theme for the website.

![Screenshot 2024-03-09 at 10 40 34 PM](https://github.com/Navnote/rangeen/assets/6350299/50f7ca04-6861-4a66-80d2-5f4bf278a995)

## Visualise Shadcn Components

![image](https://github.com/Navnote/rangeen/assets/6350299/005d6e92-892f-418d-9fe0-1156add072d1)