Giter VIP home page Giter VIP logo

palettify's Introduction

StargazersForksContributorsMIT LicenseIssues

Warning This app is a work in progress. I'm building this in public. You can follow the progress on Twitter @mehdibha_. See the roadmap below.


Logo

palettify

Get an instant theme preview for your popular ui libraries. mui, shadcn-ui, and more.

Visit site · Report Bug · Request Feature

Palettify - Never struggle again with your site theme | Product Hunt
Table of Contents
  1. About The Project
  2. Getting Started
  3. Roadmap
  4. Sites using palettify
  5. Contributing
  6. License
  7. Contributors

About The Project

Screenshots
Palettify themes
Themes

Palettify playground
Playground

Supports

  • shadcn-ui
  • MUI (Soon)

Built with

  • Next.js (v14 with app dir) and React
  • Typescript
  • Tailwind CSS
  • Shadcn-ui
  • Prisma

Roadmap

  • Site structure
  • Home page
  • Playground page
  • Themes page
  • User management
  • Saved themes
  • Account page
  • Landing view in preview
  • Integrate gradients
  • Add fonts to theme model
  • Add multiple styles for components (start with new york and default then add custom styles)

Contributing

See the contribution guide and join our amazing list of contributors!

License

Distributed under the MIT License. See LICENSE for more information.

Contributors

Mehdi BHA
Mehdi BHA
Spark
Spark

palettify's People

Contributors

mehdibha avatar spa5k avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

palettify's Issues

Value of radius variable isn't copied properly

Steps to reproduce

  • Change the radius from the UI

    image
  • (You'll see that the change is reflected properly)

  • Click on Copy theme, dialog will open with the variables generated

  • Click on the Copy button

Notice that the radius value is copy copied as a number without any unit, i.e. 0.5

image

Expected behaviour

It should be copied with rem unit, i.e. 0.5rem

MUI Support

I like the Palettify and I see the MUI support is under develop, I want to help with it and wanted to ask if there is any ongoing effort on it or we start from scratch?

Import existing theme

In order to start from a previously exported theme, or from our existing project theme, it would be usefull to be able to paste the config somehow (making the "Copy theme" popup editable for example)

Screenshot 2024-01-03 at 19 55 54

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.