For the interested, it was developed using Next.js, Tailwind CSS, Headless UI & Heroicons.

One thing I'm running into is sub-par performance on mobile, but I'm guessing that's caused by a lot of images loaded in. Converting them to WebP will happen soon.

#nextjs #tailwind #headlessui #heroicons

Pearl 3 phono preamplifier and power supply with silver front panels printed with the Inter font.

Pearl 3 phono preamplifier and power supply rear panels showing the input/output connections and printed with the Inter font, Heroicons icons, and using a TailwindCSS color palette.

Inside view of the Pearl 3 phono preamp and power supply showing the boards and wiring.

Inside view of the Pearl 3 phono preamp and power supply in the dark with the various LEDs on.

Here's the phono pre-amp I've been working on. The panels were designed in Figma using @rsms.me's Inter for the font, #heroicons for the icons, and #tailwindcss colors for the warning. Despite a couple issues I couldn't be happier.

I added a "Like" button to the blog platform I am developing.
Read how I designed the functionality.
(and please 'Like' the article 😜)

#dev #tailwindcss #daisyui #heroicons #java #googlecloud

sasagu.com