I created Material 3 UI components library for new Vue 3 from scratch spending 2 months.

This page summarizes the projects mentioned and recommended in the original post on /r/webdev

InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • material-color-utilities

    Color libraries for Material You

  • Yes this not exact clone of Material 3 spec as I'm not afraid to go towards non-traditional way by removing unneeded things for simplicity. Colors are generated using same new HCT color model algorithm, no difference here. In M3 spec colors are neutral, primary, secondary, tertiary. In mine you can add as many colors you want. So to keep minimal I added preset primary, neutral (mix of secondary and neutral) and leaving the other colors like tertiary(rarely used) on user. Now there is surface varient which is just reference to one of neutral tone not a whole new color. Mine also has surface color. In M3 buttons height 40px that is huge so I kept 36px (M2 spec). M3 typography tokens are display, headline, title, body each has 3 variants large, medium, small. In mine added choosing most used sizes title-large, title, body-small. And which shapes you referring to? Is it that I used Dialog corner 30px radius instead of 28px specified in M3 spec? No issue, I can add options to customize radius for whole UI. Those little changes for simplicity doesn't make it completely unusable app by any means, this is not even a error or accessibility issue like Dialog not closing when Escape pressed. You are dramatizing. And does Material Web Components handles form validation with custom rules, reseting all field values? Does that conditionally renders templates when browser screen breakpoints resized? Can that show stacked dialogs one top of another or handle dark theme? No, because there is reason behind people using Material UI (React) instead of not feature-rich Material Web Components (has React version) just like that mine is way more than only M3 spec built for reactive framework Vue. Material Web Components doesn't support Vue. Here a syntax comparison with Material Web Components that you waiting for. Feels like looking at minified code: Textarea Label

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Learn Flutter by creating your first Flutter app!

    2 projects | dev.to | 5 May 2024
  • Show HN: Open-source multimodal multitool written by A.I

    1 project | news.ycombinator.com | 2 May 2024
  • Flutter Chrome Extension - Part 2

    1 project | dev.to | 1 May 2024
  • Offline First no Flutter utilizando o DIO e Hive

    1 project | dev.to | 30 Apr 2024
  • Not news, but happen every times when Google fires

    1 project | news.ycombinator.com | 30 Apr 2024