Skip to content

Generate unique, deterministic gradient avatars from any text input - SvelteKit API with 50 beautiful designs by Outpace Studios

Notifications You must be signed in to change notification settings

TreasureUzoma/avatar

Repository files navigation

Idolodev Avatars

A web application for instantly generating unique, random, and aesthetically pleasing minimalist gradient avatars from any text input. This project provides high-quality, reproducible avatars perfect for profile pictures, applications, and placeholder images.

Features

  • Deterministic Generation: Consistently generates the same avatar for the same text input, ensuring reproducibility.
  • Instant Preview: See the generated avatar update in real-time as you type.
  • Minimalist Design: A clean, modern, and user-friendly interface.
  • Theme Support: Seamlessly switch between light and dark modes for optimal viewing comfort.
  • Built with SvelteKit: Leverages the power of SvelteKit for a fast, modern, and scalable web experience.

Stacks / Technologies

This project is built with a modern, efficient, and developer-friendly technology stack.

Technology Description
SvelteKit A framework for building robust, high-performance web applications.
Tailwind CSS A utility-first CSS framework for rapid UI development.
TypeScript A typed superset of JavaScript that enhances code quality and maintainability.
shadcn-svelte Re-usable components built using Svelte and Tailwind CSS for a consistent design.
bits-ui A collection of headless, unstyled Svelte components for building accessible UIs.
Lucide A beautiful and consistent icon toolkit.
Vite A next-generation frontend build tool that provides a fast development experience.

Installation

To get a local copy up and running, please follow these simple steps.

  1. Clone the repository

    git clone https://github.com/treasureuzoma/avatar.git
  2. Navigate to the project directory

    cd avatar
  3. Install dependencies This project uses pnpm as the package manager.

    pnpm install

Usage

Once the installation is complete, you can run the development server.

  1. Start the development server

    pnpm run dev
  2. Open in browser Open your browser and navigate to http://localhost:5173 to see the application in action.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Readme was generated by Readmit

About

Generate unique, deterministic gradient avatars from any text input - SvelteKit API with 50 beautiful designs by Outpace Studios

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published