Snippets

A collection of code snippets I want to share with you. Sometimes experiments and sometimes ports from other Frameworks/Libraries to VueJS. Follow me on Twitter to not miss any updates.

• 

  Digital Alarm Clock

  Let's see how we can display a number considering it as a grid of LEDs or pixels and use it for an alarm clock.

  See the Code
• 

  CSS Color Wheel

  Another use case of the circular progress indicator is to use it as a color wheel to visualize a product's colors.

  See the Code
• 

  Circular Progress Indicator

  Let's have a look at the implementation of the scrolling progress I've recently added to the website.

  See the Code
• 

  iOS-like animated toggle with TailwindCSS

  Another Vue port of a component that Sam has built with React Aria Components and a stunning interactivity effect.

  See the Code
• 

  Trello Checkbox Animation

  A Vue version of the pretty cool checkbox animation that Sam Selikoff has built with React & Framer Motion.

  See the Code