Soren Hale
Open to work from NovemberGet in touch
Soren Hale
Open to work from NovemberGet in touch
Soren Hale
Open to work from NovemberGet in touch
>soren hale — frontend developer
// Lab
Open source and experiments.
Small tools that started as a script on a client project, and a few sketches I keep to stay honest about what I understand.
- projects
- 6
- stars
- 5,660
- downloads
- 85,400
// Lab
Open source and experiments.
Small tools that started as a script on a client project, and a few sketches I keep to stay honest about what I understand.
- projects
- 6
- stars
- 5,660
- downloads
- 85,400
// Lab
Open source and experiments.
Small tools that started as a script on a client project, and a few sketches I keep to stay honest about what I understand.
- projects
- 6
- stars
- 5,660
- downloads
- 85,400
06 projects
Libraryuse-latencyA React hook that measures how long every interaction really takes, in production.$npm install use-latency2,140stars48,200downloadsOpen
ExperimentglyphfieldDraws any picture as source code on a canvas. It runs the portrait at the top of this site.$npm install glyphfield1,260stars9,400downloadsOpen
LibrarytinyflipLayout animations in 1.1 kB, using the FLIP technique and nothing else.$npm install tinyflip890stars12,600downloadsOpen
Toola11y-probeA command line check that tabs through your page and tells you where focus got lost.$npx a11y-probe https://your-site.com640stars8,900downloadsOpen
Tooltokens-to-cssTurns a design token file into typed CSS custom properties, with dark mode built in.$npm install -D tokens-to-css410stars6,300downloadsOpen
Experimentshader-notesForty small WebGL sketches, each one under fifty lines and explained line by line.$npx degit sorenhale/shader-notes320starsOpen
06 projects
- Libraryuse-latencyA React hook that measures how long every interaction really takes, in production.$npm install use-latency2,140stars48,200downloadsOpen
- ExperimentglyphfieldDraws any picture as source code on a canvas. It runs the portrait at the top of this site.$npm install glyphfield1,260stars9,400downloadsOpen
- LibrarytinyflipLayout animations in 1.1 kB, using the FLIP technique and nothing else.$npm install tinyflip890stars12,600downloadsOpen
- Toola11y-probeA command line check that tabs through your page and tells you where focus got lost.$npx a11y-probe https://your-site.com640stars8,900downloadsOpen
- Tooltokens-to-cssTurns a design token file into typed CSS custom properties, with dark mode built in.$npm install -D tokens-to-css410stars6,300downloadsOpen
- Experimentshader-notesForty small WebGL sketches, each one under fifty lines and explained line by line.$npx degit sorenhale/shader-notes320starsOpen
06 projects
- Libraryuse-latencyA React hook that measures how long every interaction really takes, in production.$npm install use-latency2,140stars48,200downloadsOpen
- ExperimentglyphfieldDraws any picture as source code on a canvas. It runs the portrait at the top of this site.$npm install glyphfield1,260stars9,400downloadsOpen
- LibrarytinyflipLayout animations in 1.1 kB, using the FLIP technique and nothing else.$npm install tinyflip890stars12,600downloadsOpen
- Toola11y-probeA command line check that tabs through your page and tells you where focus got lost.$npx a11y-probe https://your-site.com640stars8,900downloadsOpen
- Tooltokens-to-cssTurns a design token file into typed CSS custom properties, with dark mode built in.$npm install -D tokens-to-css410stars6,300downloadsOpen
- Experimentshader-notesForty small WebGL sketches, each one under fifty lines and explained line by line.$npx degit sorenhale/shader-notes320starsOpen
// Start a project
Tell me what you are building.
Three quick picks so the first reply is useful. You finish the message on the contact page.
// Start a project
Tell me what you are building.
Three quick picks so the first reply is useful. You finish the message on the contact page.
// Start a project
Tell me what you are building.
Three quick picks so the first reply is useful. You finish the message on the contact page.