Another component library for vue :)
The components look clean. Demo: https://www.naiveui.com/

So since we can't share the components across different branches in the component tree, we could actually hoist them to the root so they become independent from the routes.

Startport allows to have transitions between vue pages.

js/ts utils

A collection of resources about the rust programming language

Ready to use design tokens

The technologies that are gaining popularity. It is based on github stars.

1. 140 named colors
2. RGB (the traditional notation)
   • Note we can replace rgba(255, 0, 0, 0.5) with rgb(255 0 0 / 0.5)
3. Hex codes (the de-facto used unit)
4. HSL (the human-readable format):
   • hue: the pigment used (deg)
   • saturation: how much pigment (%)
   • lightness: how light? (%)
5. display p3: only supported in Safari and Chrome but allow more colors than sRGB
6. LCH: a more human-friendly representation than HSL. It is only supported in recent versions of Chrome and Safari though. oklch fixes some bugs of lch.

How to get right proportions for a rounded corner inside of a rounded container?

outerRadius - gap = innerRadius

Utility to get a mime type

It is very useful indeed!

A cli tool that handle the package manager used behind the hood. So the command will be behind ni translated into the corresponding one between yarn, npm, deno, pnpm, etc...

A lot of so useful projects for web development!

Check them here: https://unjs.io/

A organization about useful vite projects. It does not seems very maintained though.

A ready to go starter project with ... everything. A lite version exist for a smaller scope.

• using transform-style: preserve-3d; on all elements
• make cubes
• add animations
• one source of light and 3 shades:
  • Light: Direct light
  • Medium: Indirect light
  • Dark: No light

#idea #project we could build a library for this with SCSS. One to build objects, another that is a collection of items.

@media (prefers-color-scheme: dark) {
    html body {filter: invert(1);}
    /* the following really should be managed by a cascade layer */
    .some-container-items-or-images {
      box-shadow: 0.25em 0.25em 0.67em #FFF8;
    }
}

From Lary Hudson

you should also set “color-scheme: dark” so that scrollbars change to a dark tint as well.

Numbers:
const formatter = Intl.NumberFormat(LOCALE, { notation: 'compact' })

Currency:

Intl.NumberFormat(LOCALE, {
  notation: 'compact',
  style: 'currency',
  currency: 'ZWD'
})

• Confetti canon
• Bookmark Button: transitions between SVGs. The MorphSVG plugin comes in to allow different amount of points. It does the heavy lifting so you can smoothly transition between any SVG Shapes.