Skip to content

your text as a GitHub contribution graph 🟩⬜🟩⬜

License

Notifications You must be signed in to change notification settings

nor0x/TypoGraph

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

18 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🟩🟩🟩 TypoGraph

Deploy to GitHub Pages

TypoGraph lets you render any text like a GitHub contribution graph.

TypoGraph Preview


✨ Features

  • 🧠 Type any text and see it rendered in GitHub-like contribution blocks
  • 🎨 Green squares mimic the Git contribution matrix
  • πŸ“‹ One-click copy to share or use it in your contributions

πŸš€ Live Demo

Try it out here πŸ‘‰ https://nor0x.github.io/TypoGraph/?t=DEMO


πŸ“¦ Getting Started

TypoGraph is built using Svelte, Tailwind CSS, and Vite. Follow these steps to get started:

  1. Clone the repository:

    git clone https://github.com/your-username/TypoGraph.git
    cd TypoGraph
  2. Install dependencies:

    npm install
  3. Run the development server:

    npm run dev
  4. Open your browser and navigate to http://localhost:5173 to see the app in action.

  5. Build for production:

    npm run build

About

your text as a GitHub contribution graph 🟩⬜🟩⬜

Resources

License

Stars

Watchers

Forks

Releases

No releases published