Svelte Radial Menu

Radial Menu Experiment. Based on Rauno's Work

Table of Contents

• Table of Contents
• Description
• Future of this project
• Installation
  • 1. Clone the repo
  • 2. Install dependencies
• Usage
  • Run App
  • Preview

Description

This is a simple radial menu experiment, based on Rauno's work. You can check the original experiment here.

There are some differences between this project and the original one, mainly:

• It's open-source (I think Rauno's is not, but I'm not sure)
• Built with Svelte instead of React
• Allows from 3 to 8 items

Future of this project

If this gains traction, I'll add more features to it. Some of the features I thought of are:

• npm package
• Callbacks for each item
• Different triggers (e.g. ctrl + hold click)
• Theming (?)

Installation

1. Clone the repo

git clone https://github.com/TGlide/svelte-radial-menu
cd svelte-radial-menu

2. Install dependencies

pnpm i

Usage

Run App

pnpm run dev

Preview

You can check out a live preview here