Inspo

[NullVoxPopuli]

Design

Catalyst: https://catalyst-ui.com/

• Sidebar: https://twitter.com/steveschoger/status/1699498833426706471/photo/1

ShadCN: https://ui.shadcn.com/
ChakraUI: https://chakra-ui.com/docs/components
Quasar: https://quasar.dev/vue-components/chip (especially for how they organize their docs)
Layout: https://quasar.dev/layout/layout
Porche: https://designsystem.porsche.com/v3/#
MaterialDesign for Bootstrap: https://mdbootstrap.com/docs/standard/components/chips/

Patterns

• View Transitions
  • https://view-transitions-demo.vercel.app/
    (Only in chrome for now)

Animation

• https://spark-ui-dev.vercel.app/content/components/animated-gradient-text.html
• https://www.sliderrevolution.com/resources/css-animation-examples/

Design Systems

Ember

• Ember family of websites: https://ember-styleguide.netlify.app/concepts/typography
• Ember EUI: https://ember-eui.netlify.app/
• Hashicorp's Helios: https://helios.hashicorp.design/
• IBM Carbon: https://ibm.github.io/carbon-components-ember/
• Bootstrap: https://www.ember-bootstrap.com/
• https://frontile.dev/docs/

Web Components

• https://designsystem.porsche.com/v3/developing/introduction
  as well as Angular, React, and Vue bindings (not sure why they don't use WCs directly)

Vue

• Quasar: https://quasar.dev/vue-components/

React

• ShadCN: https://ui.shadcn.com/
• ChakraUI: https://chakra-ui.com/docs/components

CSS (+ maybe Vanilla JS)

• Bulma: https://bulma.io/
• MaterialDesign for Bootstrap: https://mdbootstrap.com/docs/standard/components/chips/

Tailwind

• FlyonUI: https://flyonui.com/
• TailwindUI: https://tailwindui.com/
• Shuffle: https://shuffle.dev/components/tailwind
• DaisyUI: https://daisyui.com/components/
• Toucan: https://ember-toucan-core.pages.dev/