Gavin McFarland (@gavinmcfarland)
  • Stars
    star
    465
  • Global Rank 61,591 (Top 3 %)
  • Followers 87
  • Following 56
  • Registered over 16 years ago
  • Most used languages
    JavaScript
    53.1 %
    Svelte
    12.5 %
    CSS
    12.5 %
    TypeScript
    6.3 %
    HTML
    6.3 %
    PHP
    3.1 %
    Less
    3.1 %
    Marko
    3.1 %
  • Location πŸ‡¬πŸ‡§ United Kingdom
  • Country Total Rank 3,329
  • Country Ranking
    Marko
    2
    Less
    4
    Svelte
    35
    CSS
    104
    HTML
    580
    JavaScript
    1,218
    PHP
    3,405

Top repositories

1

flex-gap-polyfill

A PostCSS plugin to emulate flex gap using margins
CSS
147
star
2

plugma

CLI that simplifies creating Figma plugins
TypeScript
42
star
3

figma-node-decoder

Converts any Figma layer/node to Plugin API compatible code.
HTML
40
star
4

mole

A tool for managing design decision outputs for different platforms
JavaScript
33
star
5

gridlover-mixin

A mixin to generate modular scale and vertical rhythm for your typography
Less
30
star
6

postcss-help-media-queries

This tool help you to easily recognize your active media query and display additional screen info
CSS
26
star
7

postcss-custom-values

Create custom CSS values such as keywords and units
JavaScript
20
star
8

stylup-deprecated

A preprocessor that allows you to write class names in an easier manner when using utility classes for responsive designs
JavaScript
20
star
9

postcss-magic-token

References design tokens in CSS intelligently based on the current property and selector rules
JavaScript
17
star
10

figma-table-creator

A simple Figma plugin for creating flexible and editable tables.
Svelte
9
star
11

typolize

Normalizes type sizing and spacing.
CSS
9
star
12

stancy

A simple API for delivering content from static files and folders.
JavaScript
8
star
13

thumbquote-config-2022

JavaScript
7
star
14

figma-widget-table

Create an import table data in FigJam files
CSS
7
star
15

figma-layer-styles

Svelte
5
star
16

postcss-sqrt

Calculate the square root of a number dynamically in CSS
JavaScript
5
star
17

postcss-negative-padding

Use negative values with padding to increase the hit area of a target
JavaScript
4
star
18

twig-perch-extension

A Twig extension that allows you to integrate Perch CMS into your templates.
PHP
4
star
19

rollup-plugin-theo

A rollup plugin which transforms design tokens using Theo
JavaScript
4
star
20

stylup

Write utility classes conveniently while optimising your CSS
JavaScript
3
star
21

postcss-border-align

A PostCSS plugin which lets you create borders which do not affect the layout of the document
JavaScript
3
star
22

figma-puma

A simple plugin that links your slides together in the shape of a PUMA
JavaScript
3
star
23

postcss-pow

Calculate the power of a number dynamically in CSS
JavaScript
3
star
24

postcss-fiber

Modular and composable library of CSS properties to manage scale, proportion, layout, typography, colour and animation for any device.
JavaScript
2
star
25

personal-site

Marko
2
star
26

postcss-sequence

Manage consistent scale and proportion of your design using custom units based on numerical sequences.
JavaScript
2
star
27

plugma-deprecated

A small framework and CLI for developing and maintaining Figma plugins
TypeScript
2
star
28

figma-vite-svelte-codemirror-example

Svelte
1
star
29

writing-a-better-readme

Guidelines for writing better readmes and documenting code
1
star
30

postcss-exact-width

Gives you the exact width and height desired when applied to flex items
JavaScript
1
star
31

postcss-proportional-spacing

Apply proportional horizontal and vertical spacing with ratios using a unitless quantity
JavaScript
1
star
32

plugma-tsserver

Svelte
1
star
33

figma-icon-preview

A Figma plugin to preview icons at different sizes for web, iOS and Android.
HTML
1
star