DEV Community

Jerry Satpathy
Jerry Satpathy

Posted on

Themeify: A Simple Tool to Beautify Your React and Next.js Projects

Themeify

Are you tired of spending endless hours tweaking fonts and colour palettes for your React and Next.js projects? Meet Themeify, your new best friend for effortlessly applying stunning themes!

What’s Themeify All About?

Themeify is a simple CLI tool designed to help you quickly apply custom fonts and colour palettes to your projects. With support for popular UI frameworks like MUI, Tailwind, ShadCN, and Bootstrap, you’ll never have to worry about manually setting up your themes again.

Why Themeify?

We know how tedious it can be to get your UI just right. Themeify takes away the hassle, letting you focus more on building awesome features and less on fiddly design tweaks. It’s perfect for those who want a cohesive, professional-looking interface without the fuss.

Key Features

  • Apply Themes: Easily apply predefined or custom themes.
  • Preview Themes: Get a sneak peek of your themes with specified colour palettes.
  • List Palettes and Themes: Quickly see all available options.
  • Cleanup: Keep your project neat by removing generated files.

Getting Started

Installation is a breeze! Just use npm, yarn, or npx:

Using npm

npm install -g themeify
Enter fullscreen mode Exit fullscreen mode

Using yarn

yarn global add themeify
Enter fullscreen mode Exit fullscreen mode

Using npx (no installation required)

npx themeify
Enter fullscreen mode Exit fullscreen mode

How to Use Themeify

Applying a theme is as simple as running a command. Here’s an example of applying a custom theme to a React project using Tailwind CSS:

themeify apply --path ./my-react-app --framework Tailwind --theme vibrantPastel --palette vibrant --font Poppins
Enter fullscreen mode Exit fullscreen mode

Or if you’re like me and prefer a guided setup, just run the:

themeify apply
Enter fullscreen mode Exit fullscreen mode

You’ll get a series of prompts to help you choose the right framework, theme, palette, and font. Easy peasy!

Why We Built Themeify

We created Themeify to make the lives of developers easier. We understand the struggle of making a UI look perfect and how much time it can consume. With Themeify, you can achieve a polished look in minutes, freeing up your time to work on what matters — building great features.

Join the Community

We’d love for you to join the Themeify community! If you have any issues, or suggestions, or just want to say hi, head over to our GitHub Issues page. Your feedback is super valuable to us.

Contribute to Themeify

If you’re interested in contributing, we welcome you with open arms! Check out our Pull Request guidelines and join us in making Themeify even better.

Let’s Connect

If you like what I’m doing and want to collaborate or have any projects in mind, feel free to reach out! You can find me on LinkedIn.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

We hope you find Themeify as useful as we do. Happy theming, and more importantly Happy Coding!

Top comments (0)