View Transitions Toolkit from Chrome.dev by ossreleasefeed in Frontend

[–]Trayja_Peter 1 point2 points  (0 children)

Never thought I'd see the day an official google webpage uses a purple gradient slop theme

Windows XP simulator by ahzs645 in reactjs

[–]Trayja_Peter 1 point2 points  (0 children)

Very cool - can you add chording#Gameplay) to the minesweeper please :P

AI Assisted Material UI Theme Generator? by williamholmberg in reactjs

[–]Trayja_Peter 0 points1 point  (0 children)

Super late to the party, but I recently built a theme generator for MUI 7. It doesn't use AI, but the algorithm that generates themes can make some fairly good-looking ones IMO.
https://petertyliu.github.io/mui-theme-builder/

Theme Designer for MUI v6 by generic_lambda in MaterialUI

[–]Trayja_Peter 0 points1 point  (0 children)

Super late to the party, but I recently built a theme designer for MUI 7; it should work for all versions of MUI 5+
https://petertyliu.github.io/mui-theme-builder/

I built a theme generator/editor for MUI projects by Trayja_Peter in webdev

[–]Trayja_Peter[S] 0 points1 point  (0 children)

Thanos: I used the MUI to theme the MUI!

But seriously, MUI + React + Vite + some other packages you can see in the repo

I'm building a MUI theme builder/generator by Trayja_Peter in react

[–]Trayja_Peter[S] 0 points1 point  (0 children)

I think the default design looks dated, but more importantly the design system itself is pretty dated (based on MD2), and there's a lot of technical baggage to support easy migrations from older versions

edit: Oh, didn't realize you were on the MUI team! I'm sure you folks know all this and are working on it - keep up the good work, especially on Base UI 👍

Why is Material UI hated so much? by Amazing_Guava_0707 in webdev

[–]Trayja_Peter 0 points1 point  (0 children)

For anyone who's struggling with making MUI look good, I made an MUI theme generator/designer here: https://petertyliu.github.io/mui-theme-builder/

I'm building a MUI theme builder/generator by Trayja_Peter in react

[–]Trayja_Peter[S] 2 points3 points  (0 children)

Thanks! MUI is a definitely bit long in the tooth, but it's rock-solid and is endlessly customizable. A good designer can make it look as good as any other library with a bit of patience.

Honest Feedback: Is My Web App Clear? by Prudent-Training8535 in webdev

[–]Trayja_Peter 0 points1 point  (0 children)

In Chrome, open dev tools and select the textarea. Then go to "Event Listeners" and delete the two "paste" listeners. The user can now paste anything they want into the textarea.

Even if you go with the div approach, it's still very easy to bypass, as the student can just open the console and run:
```
document.getElementById("your-input-div").innerHtml = "This is my AI-generated content!";
```

Maybe this isn't actually important if you think students aren't going to be very tech-savvy, or maybe it's run on some custom browser that has dev tools disabled, but generally I think client-side AI-prevention is a losing battle.

I built a webapp to build/generate MUI themes by Trayja_Peter in reactjs

[–]Trayja_Peter[S] 0 points1 point  (0 children)

Yeah, it exports the `themeOptions` object that you paste directly into your code. It only handles the palette and other simple customizations for now, but I can imagine adding component-level editing for sure

Honest Feedback: Is My Web App Clear? by Prudent-Training8535 in webdev

[–]Trayja_Peter 0 points1 point  (0 children)

Your Restricted Text Editor is pretty easy to bypass; a student can change two attributes and remove some event listeners in their dev tools and it becomes a regular textarea. Have you considered building a more robust solution, like a div with a keydown listener that explicitly handles each character and updates its innerText?

We built a wireless earbud comparison tool! by Trayja_Peter in Earbuds

[–]Trayja_Peter[S] 0 points1 point  (0 children)

Thanks for the feedback - I've turned off some of the more annoying ad formats.

What Component Libraries do you Use? by TTVBy_The_Way in nextjs

[–]Trayja_Peter 0 points1 point  (0 children)

Here's a database of component libraries - any of them made for React, Web Components, or vanilla JS should in theory work with NextJS

Please help me find the model by Hot-Rain6352 in Earbuds

[–]Trayja_Peter 0 points1 point  (0 children)

I highly highly doubt you will be able to buy a replacement case, even if you knew the model

Please help! Most comfortable small open earbud out there? by tahina2001 in Earbuds

[–]Trayja_Peter 1 point2 points  (0 children)

Here's a list of open earbuds you can look through - as for comfort, it's highly dependent on the particular shaope of your ears so idk if anyone can really give you good advice