svelte-radial-menu

KO | EN

gitlite — search

#javascript #hacktoberfest #typescript #rust #linux #macos #nodejs #kubernetes #awesome-list #vue #ios #mcp #openai #open-source

svelte-radial-menu

(★ 146)

Radial Menu Experiment. Based on Rauno's Work

svelte-radial-menu Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
  <h3 align="center">Svelte Radial Menu</h3>
  <p align="center">
    Radial Menu Experiment. Based on <a href="https://twitter.com/raunofreiberg" target="_blank" rel="noreferrer">Rauno's</a
		>
		<a href="https://rauno.me/craft/radial-menu" target="_blank" rel="noreferrer">Work</a>
  </p>
  
 <p align="center">
    <a href="https://kit.svelte.dev/">
      <img src="https://img.shields.io/badge/frontend-sveltekit-%23FF3E00?style=for-the-badge&logo=svelte" alt="Built with SvelteKit">
    </a>
    <a href="https://www.typescriptlang.org/">
      <img src="https://img.shields.io/badge/types-typescript-%23007ACC?style=for-the-badge&logo=typescript" alt="Built with Typescript">
    </a>
  </p>
</p>

## Table of Contents

- [Table of Contents](#table-of-contents)
- [Description](#description)
- [Future of this project](#future-of-this-project)
- [Installation](#installation)
    - [1. Clone the repo](#1-clone-the-repo)
    - [2. Install dependencies](#2-install-dependencies)
- [Usage](#usage)
  - [Run App](#run-app)
  - [Preview](#preview)

## Description

This is a simple radial menu experiment, based on Rauno's work. You can check the original experiment [here](https://rauno.me/craft/radial-menu).

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

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

#### 2. Install dependencies

```sh
pnpm i
```

## Usage

### Run App

```sh
pnpm run dev
```

### Preview

You can check out a live preview [here](https://svelte-radial-menu.thomasglopes.com)

svelte-radial-menu

svelte-radial-menu Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

svelte-radial-menu

svelte-radial-menu Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README