All Projects → phisch → phinger-cursors

phisch / phinger-cursors

Licence: CC-BY-SA-4.0 License
Most likely the most over engineered cursor theme.

Projects that are alternatives of or similar to phinger-cursors

numix-cursor-theme
Numix cursor theme for Linux
Stars: ✭ 52 (-84.34%)
Mutual labels:  cursors, cursor-theme
phosphor-figma
A flexible icon family for Figma
Stars: ✭ 17 (-94.88%)
Mutual labels:  figma
Wiggles-iOS
Beautiful Puppy adoption app built to Demonstrate the SwiftUI and MVVM Architecture
Stars: ✭ 174 (-47.59%)
Mutual labels:  figma
Friday
🎓 Friday - Your Personal Class Manager Assistant, It'll never let you miss another assignment deadline or upcoming test.
Stars: ✭ 67 (-79.82%)
Mutual labels:  figma
plugin-typings
Typings for the Figma Plugin API
Stars: ✭ 91 (-72.59%)
Mutual labels:  figma
figma-api
Figma REST API implementation with TypeScript, Promises & ES6
Stars: ✭ 126 (-62.05%)
Mutual labels:  figma
BreezeX Cursor
extended KDE cursor
Stars: ✭ 59 (-82.23%)
Mutual labels:  cursors
clickgen
The hassle-free cursor building toolbox
Stars: ✭ 34 (-89.76%)
Mutual labels:  cursors
FigmaPy
An unofficial Python3+ wrapper for Figma API
Stars: ✭ 19 (-94.28%)
Mutual labels:  figma
100daysofcode
⚠️ Programar no mínimo uma hora todos os dias, durante os próximos 100 dias!!
Stars: ✭ 28 (-91.57%)
Mutual labels:  figma
figma-plugin-typescript-boilerplate
Figma plugin TypeScript boilerplate to start developing right away
Stars: ✭ 43 (-87.05%)
Mutual labels:  figma
awesome-flutter-ui
10+ flutter(android, ios) UI design examples ⚡ - login, books, profile, food order, movie streaming, walkthrough, widgets
Stars: ✭ 848 (+155.42%)
Mutual labels:  figma
mdn-dinocons
A scalable set of icons for use across Mozilla Developer websites
Stars: ✭ 21 (-93.67%)
Mutual labels:  figma
react-figma-ui
🏗️ React implementation for figma-plugin-ds
Stars: ✭ 25 (-92.47%)
Mutual labels:  figma
macOS-cursors-for-Windows
Tested in Windows 10 & 11, 4K, 125%, 150%, 200%. With 2 versions, 2 types and 3 different sizes!
Stars: ✭ 578 (+74.1%)
Mutual labels:  cursors
designto-code
Design to code engine. A design ✌️ code standard. Supports React, Flutter and more.
Stars: ✭ 87 (-73.8%)
Mutual labels:  figma
Bibata Cursor Translucent
Translucent Varient of the Material Based Cursor
Stars: ✭ 23 (-93.07%)
Mutual labels:  cursor-theme
react-native-figma-squircle
Figma-flavored squircles for React Native
Stars: ✭ 207 (-37.65%)
Mutual labels:  figma
figma-api-stub
🤖 A stub implementation of Figma Plugins API.
Stars: ✭ 33 (-90.06%)
Mutual labels:  figma
figma-plugin-helpers
A collection of useful helper functions to import to your Figma plugin project
Stars: ✭ 161 (-51.51%)
Mutual labels:  figma

Phinger cursors

Say hello to your new cursor theme. Phinger cursors is most likely the most over engineered cursor theme out there.

preview

How to install

If you are on Arch linux, you can install the AUR package phinger-cursors.

Other distros currently don't yet have phinger-cursors in their repositories. So please install manually, as described below.

Manually

For a manual installation, download and extract the latest release into the ~/.icons directory.

wget -cO- https://github.com/phisch/phinger-cursors/releases/latest/download/phinger-cursors-variants.tar.bz2 | tar xfj - -C ~/.icons

This installs the cursor theme for your current user. To install for all users, extract into /usr/share/icons instead.

How to enable

You might have a settings application installed that can do this for you like Gnome Tweaks or lxappearance. If you don't, enable the cursor theme as described below.

Manually

Enable your prefered variant (phinger-cursors or phinger-cursors-light) inside ~/.icons/default/index.theme:

[Icon Theme]
Name=Default
Comment=Default Cursor Theme
Inherits=phinger-cursors-light

And finally, enable it for GTK applications in your ~/.config/gtk-3.0/settings.ini:

[Settings]
gtk-cursor-theme-name=phinger-cursors-light

How to change cursor size

The available cursor sizes are 24, 32, 48, 64, 96 and 128. How to change it depends on your current environment.

GNOME, MATE, XFCE

Run the following command and replace CURSOR_SIZE with your prefered one:

  • on GNOME: gsettings set org.gnome.desktop.interface cursor-size CURSOR_SIZE
  • on MATE: gsettings set org.mate.peripherals-mouse CURSOR_SIZE
  • on XFCE: xfconf-query --channel xsettings --property /Gtk/CursorThemeSize --set CURSOR_SIZE

Xresources

Add this line to your ~/.Xresources and replace CURSOR_SIZE with your prefered one:

Xcursor.size: CURSOR_SIZE

How it's made

Phinger-cursors are designed in a Figma document. Check out the multi-page Figma document used by this repository.

You can find an up to date copy of that document in this repositories root directory at phinger-cursors.fig.

Parts

Every cursor sprite is assembled from core parts. Changing one of those parts, will change every cursor sprite that uses it.

parts

Each part is designed on a base grid of 24 and 32:

parts

which means will be pixel perfect for any reasonable size:

24 32 48 64 96 128
24 32 48 64 96 128

If possible, parts are designed very modular, which lets you create multiple different icons from one part. A good example is the hand part that comes with multiple variations for each single phinger:

phingers

Sprites

The parts are assembled, and styled into sprites. Those sprites are named and contain metadata necessary to generate a cursor theme from them. Each sprite contains a name, information about the cursor hotspot, animation and which kind of variant it is.

Build process

This repository contains a GitHub workflow, that generates a fully functional X11 cursor theme and variants from the linked figma file. The workflow is defined in .github/workflows/main.yml.

It uses the custom made GitHub Action phisch/figma-cursor-theme-action to do that.

This action exports assets from the Figma file and commits them to assets, then renders the sprites into pngs and packs them into proper (and if necessary animated) x11 cursor files. It also generates symlinks and variants, bundles them, and creates a release.

Please refer to the actions README.md for a detailed documentation.

License & Credits

All assets, including the Figma document are licensed under the CC-BY-SA-4.0 License.

The X11 and Wayland cursors are designed from scratch, and not copied. The original logos belong to X11 and Wayland respectively though.

Although designed from scratch, phinger cursors drew inspiration from capitaine-cursors, which is based on the KDE Breeze cursors. So this is a special thanks to them, and all other amazing cursor themes out there!

Contribute

If you notice any issues like missing cursors or symlinks, something doesn't look quite right to you, or you have suggestions for better designs or new cursors, please open an issue and let me know about it.

I can't let people contribute to the Figma document directly, but I will listen to constructive feedback through GitHub issues.

Desktop Makers

type=discord

I am actively working on phinger-cursors and other cool projects on the Desktop Makers Discord. It aims to be a community for communities of Linux desktop related projects. If you are looking to collaborate with or want to contribute to great projects, this might be the right place for you.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].