Sign in

Alex Carpenter

@alexcarpenter.me
781 followers 61 following 55 posts

UI Engineer - alexcarpenter.me Authoring - resilient-ui.com Curating - ibrewmyown.coffee

PostsRepliesMedia
Reposted by Alex Carpenter
Andrey Sitnik @en.sitnik.es · 29/07/2026
Nano Stores now has a library for building smart stores powered by state machines. Huge thanks to @alexcarpenter.me from Clerk for creating it! github.com/alexcarpente...
0101
Alex Carpenter @alexcarpenter.me · 27/05/2026
An example shadcn/ui carousel component implementation with smooth scroll progress dot indicators. Demo: shadcn-ui-carousel-dots.vercel.app Code: t.co/aCi3xNxEWr
shadcn-ui-carousel-dots.vercel.app
vite-app
020
Alex Carpenter @alexcarpenter.me · 27/04/2026
Tint buttons :hover and :active states based on their foreground color usage. alexcarpenter.me/notes/2026-0...
button {
  --bg: transparent;
  --fg: currentColor;
  --am: 0%;
  background-color: color-mix(in srgb, var(--bg), var(--fg) var(--am));
  color: var(--fg);

  &:hover {
    --am: 10%;
  }
    
  &:active {
    --am: 20%;
  }
}

.green {
  --bg: oklch(62.7% 0.194 149.214);
  --fg: oklch(1 0 0);
}

.neutral {
  --bg: oklch(92.9% 0.013 255.508);
  --fg: oklch(27.8% 0.033 256.848);
}
000
Alex Carpenter @alexcarpenter.me · 07/03/2026
📝 Implementing smooth Dot Indicators with Embla Carousel and CSS color-mix() alexcarpenter.me/notes/2026-0...
000
Reposted by Alex Carpenter
I Brew My Own Coffee @ibrewmyown.coffee · 01/12/2025
2025 Holiday Coffee Gift Guide - Discover the best coffee gifts for the holidays—espresso machines, drippers, brewers, and bean subscriptions that coffee lovers will actually use every day. #ibrewmyowncoffee ibrewmyown.coffee/2025-holiday...
ibrewmyown.coffee
2025 Holiday Coffee Gift Guide - I Brew My Own Coffee
Discover the best coffee gifts for the holidays—espresso machines, drippers, brewers, and bean subscriptions that coffee lovers will actually use every day.
011
Alex Carpenter @alexcarpenter.me · 19/11/2025
RESILIENT—UI interview #002 with Hayden Bleasel from Vercel. Australian Design Engineer who loves working on open source software for the web. www.resilient-ui.com/interviews/h...
resilient-ui.com
Hayden Bleasel
Australian Design Engineer who loves working on open source software for the web.
010
Alex Carpenter @alexcarpenter.me · 05/11/2025
RESILIENT—UI interview #001 with @blvdmitry.me Staff front-end engineer based in Amsterdam, working on AI assistants at Shopify. www.resilient-ui.com/interviews/d...
resilient-ui.com
Dima Belyaev
Staff front-end engineer based in Amsterdam, working on AI assistants at Shopify.
000
Alex Carpenter @alexcarpenter.me · 08/10/2025
Exploring a new design direction for @ibrewmyown.coffee Still very much WIP, but curious to hear your thoughts! ibrewmyown-coffee-git-v3-alex-carpenters-projects-00876ed6.vercel.app
000
Alex Carpenter @alexcarpenter.me · 21/06/2025
Working on some updates to make it easier to theme Clerk components from your existing CSS variables. Generating a color palette using relative color syntax and color-mix.
Codeblock showing --brand-color usage being set in CSS style tag, and passing that value into Clerks appearance variable prop.
010
Alex Carpenter @alexcarpenter.me · 14/04/2025
v5 spring refresh alexcarpenter.me
alexcarpenter.me
Alex Carpenter
UI Engineer
020
Reposted by Alex Carpenter
jen downs @jen.dev · 24/02/2025
I have to take a moment to appreciate @sarasoueidan.com's post about setting up a screen reader testing environment. it continues to be an invaluable resource for me 🙏🏻 www.sarasoueidan.com/blog/testing...
sarasoueidan.com
Setting up a screen reader testing environment on your computer
– The personal website of Sara Soueidan, inclusive design engineer
19516
Reposted by Alex Carpenter
I Brew My Own Coffee @ibrewmyown.coffee · 25/02/2025
Issue 004 // @arslan.io - Engineer with a passion for Design, Dieter Rams, Watches, Coffee and Bauhaus. ibrewmyown.coffee/interviews/f...
Coffee bar with espresso machine
Coffee stored in glass tubesEspresso grinderCoffee and tea gear on shelves
0132
Alex Carpenter @alexcarpenter.me · 20/02/2025
React Aria exposing state through the className is super handy. Here we're using the placement returned to define a TW CSS variable which we can then use in Motion to define its animation direction. codesandbox.io/p/sandbox/zw...
<TooltipTrigger isOpen={open} onOpenChange={setOpen}>
  <Button>Trigger</Button>
  <AnimatePresence>
    {open ? (
      <MotionTooltip
        className={({ placement }) =>
          cx({
            "[--y:4px]": placement === "top",
            "[--y:-4px]": placement === "bottom",
          })
        }
        offset={6}
        initial={{ opacity: 0, y: "var(--y)" }}
        animate={{ opacity: 1, y: 0 }}
      >
        Content
      </MotionTooltip>
    ) : null}
  </AnimatePresence>
</TooltipTrigger>
1133
Alex Carpenter @alexcarpenter.me · 12/02/2025
IBMOC Issue 002 // Matthew Spade - Digital Content Creator based in Blackpool, UK, specializing in Design, Interiors, Personal Style, Lifestyle and Travel, with an emphasis on the creative community, discovery of smaller brands and culture. ibrewmyown.coffee/interviews/m...
Coffee on counter top
Espresso machine with cup under neath spout.Espresso on table in between a candle and magazine titled SOLO
010
Alex Carpenter @alexcarpenter.me · 05/02/2025
Had previously collected a good amount of US Coffee Roasters from when I was doing the podcast, so I dropped them on the new site for reference ibrewmyown.coffee/roasters
ibrewmyown.coffee
Roasters - I Brew My Own Coffee
Third wave coffee roasters.
220
Alex Carpenter @alexcarpenter.me · 03/02/2025
Name: John-George Sample Status: Published Datetime: 2025-02-03 8:30:56 AM EST Profession: Front-end engineer Location: Pittsburgh, PA Handle: @johngeorgesample.bsky.social ibrewmyown.coffee/interviews/j...
ibrewmyown.coffee
John-George Sample - I Brew My Own Coffee
Front-end engineer and third-wave coffee enthusiast, passionate about crafting user-friendly web experiences and perfecting the art of brewing.
031
Alex Carpenter @alexcarpenter.me · 07/01/2025
Resurrecting an old side project - I Brew My Own Coffee It started back in 2014 as a podcast, but now I am bringing it back as a newsletter highlighting folks home coffee brewing setups. It's like workspaces.​xyz but for coffee brewing setups. Join the newsletter - brewmyowncoffee.com
brewmyowncoffee.com
I Brew My Own Coffee
A collection of personal coffee brewing setups.
050
Alex Carpenter @alexcarpenter.me · 30/12/2024
My favorite coffee gear, everyday carry tools, and smart home tech - alexcarpenter.me/collections
alexcarpenter.me
Collections
My favorite coffee gear, everyday carry tools, and smart home tech.
030