Skip to content

An app for building downloadable custom sprite sheets from dragged-and-dropped directories

Notifications You must be signed in to change notification settings

oliverturner/ikon

Repository files navigation

Ikon

Screenshot

Netlify Status

An app for creating downloadable spritesheets from dragged & dropped individual SVGSs or icon directories

Features...

  • Workflow-focused:
    • Select icons in bulk by directory
    • Fuzzily search by name
    • Flatten heavily-nested directories
    • Installable for offline use
    • Auto updating service worker via Workbox
  • Secure:
  • Accessible
    • Fully keyboard-navigable UI

...more features to come!

Installation

git clone [email protected]:oliverturner/ikon.git
npm i
npm start

Roadmap

Perf

  • Identify bottlenecks for large imports

UX

  • Handle dropping individual icons
  • Prevent drop during processing
  • Create templates to render selected icons as React, Vue, etc components
  • Add "info" tips to panels explaining usage

DX

  • Switch to pure TS
  • Upgrade to dragselect@2

Accessibility

  • Replace use of "title" attribute with ToggleTip

About

An app for building downloadable custom sprite sheets from dragged-and-dropped directories

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published