Thomas G. Lopes

@thomas.rocks

1258 Followers 749 Following

🍨 Building Melt UI & Runed 🧡 Svelte ambassador 🎨 Artist & game dev on my spare time 🐱 Lover of cats

Florence is fucking killing me, 38 celsius today
A dark-themed UI design system titled "Kickback" in orange. In the top right, a dropdown menu labeled "THEME" is set to "System." Under a large "Components" heading, a "BUTTONS" section displays four buttons: "PRIMARY ACTION" (orange), "SECONDARY ACTION" (purple), "DELETE ITEM" (red), and "OUTLINE STYLE" (black with white border). Below, a "DETAILS & DISCLOSURE" section features two expanded menus with orange side accents. The first is "What is Kickback?", containing the text: "Kickback is a modern music library manager built for people who care about their collection. It integrates with Beets to keep your metadata pristine." The second is "Advanced Configuration," containing the text: "You can configure your library path in the settings menu," followed by an underlined "OPEN SETTINGS" button.
a screenshot of google meet, with a notice saying NOW WITH THE POWER OF GEMINI, and then the standard join buttons below.
A drawing of kobeni from chainsaw man, painted and outlined with black pen
Power from chainsaw man hugging denji
Screenshot of a Breakout-style arcade game showing colorful brick rows (red, orange, yellow, green, light blue, blue, and purple) arranged at the top of the screen. A white paddle is positioned at the bottom, with a white ball visible on the left side. The score displays '160' and 'x6' multiplier. Some bricks show 'P' power-up indicators. The game interface has a dark purple background with 'BREAK' text repeated around the border.
Nintendo switch 2 box
Web components are cringe
A playdate game console on top of a digital scale. It has a Pizza Cover. The pizza cover has text in it. It reads: Pizza; Delicious; Hot; Square. It features a man with a chefs hat doing an OK sign with his hands. There is a link to playdate.pizza. and a quote saying "you order em, we crank em out". The scale is showing 130g on its display
A code snippet showing the instantiation and configuration of a Popover component in JavaScript. The code defines a `popover` constant as a new `Popover` object with properties such as `forceVisible` set to `true` and a `floatingConfig` object that includes an `onCompute` function to apply styles.
Me highlighting a link to an issue in GitHub. The link shows its still open, but the preview for the link shows it has been closed, which is a contradiction. Thanks GitHub!
Screenshot of a UI component labeled 'Tooltip'. The tooltip displays as a small popup with the text 'Let us cook!' appearing above a chef's hat icon. The popup is shown against a dark background. At the top of the image is a heading 'Tooltip' followed by descriptive text explaining that a tooltip is 'A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.' An 'Edit props' button appears at the bottom left of the demonstration area.
This image shows a terminal interface for "Claude Code" in research preview mode. The terminal displays: Cost and duration statistics at the top: Total cost of $0.0000, API duration of 0.0s, and wall duration of 2.8s A command prompt showing "melt-ui-next-gen on feat/toaster [$]" with version information "v1.0.0 via v22.14.0 took 3s > claude" An orange-outlined welcome message stating "Welcome to Claude Code research preview!" Help information: "/help for help" Current working directory (cwd): "/home/thomasg/Documents/Programming/oss/melt-ui-next-gen" The interface is a terminal-based tool for interacting with Claude in a development environment.
A dark-themed file upload interface showing a drop zone with a cloud icon, 'Click to upload or drag and drop' text, and a 5MB size limit. Below are listed features including drag and drop support, multiple file support, file type validation, and file size limits. An empty text file is shown as uploaded.
The image shows a discussion about Aider, an AI tool. User TGlide points out that Aider only suggests files to add when there are none present, but doesn't continue making suggestions later. They propose adding a mode for automatic file management. User SethTurin responds that the --browser option already provides this functionality, but notes they switched to terminal version due to other limitations. The thread ends with Aider-AI deleting a comment from TGlide.
A Melt UI documentation page showing a "Progress" component with a description: "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar." Below this text is an example progress bar at varying numbers of completion
A screenshot of Spotify, specifically Metallica's page, showing they have 26 million monthly listeners there
A Steam gaming year in review for 2024 for user 'Ressha'. The display shows six cards with gaming statistics: Top row: Left card: 94 total games played (26 more than last year), including 68 new games and 2 demos Middle card: 434 achievements unlocked (85 fewer than last year), across 55 games including 24 rare achievements Right card: Input method breakdown - 60% played with keyboard and mouse, 37% with controller Bottom row shows most played games: Balatro: 11% of play time, 60 sessions played The Sims 4: 8% of play time, 43 sessions played ELDEN RING: 7% of play time, 70 sessions played The layout uses a teal/turquoise background with cards featuring gradient overlays and game artwork.
Two icons, one showing two square nodes interconnected with a line, and another is a clock, with a counter-clock arrow, to showcase going back in time. When hovered, they have animations! The first one makes the line go from one node to another, briefly leaving a gap before another line takes over, and the second one makes the hours and minutes pointer go back a bit.
Image description: A Spotify Wrapped summary featuring both a black and white band photo and listening statistics. The band photo shows four men standing against a white wall, all casually dressed. Below this are three sections: "Top Artists" listing Deftones, Slipknot, Metallica, Spiritbox, and Linkin Park; "Top Songs" listing Jaded, Ragnarok, The Void, Final-Boss-Chan, and Radiant City; and "Minutes Listened" showing 30,074 minutes. The image has a stylized red and pink gradient border effect and includes the Spotify logo and "SPOTIFY.COM/WRAPPED" at the bottom.
Neovim command replacing every instance of "twitter" with "bluesky"
A typescript snippet. Playground in replies
A poster of Ultrakill. V1, the robot protagonist, is holding a gun, and is covered in blood.
me battling with types. TS playground link in reply
4 neovim windows, shown in a 2x2 grid. Each window has multiple nested neovim instances running inside the terminal mode of neovim.
A humorous meme showing two boxers, with text "ok ima fight" at the top followed by "npm run type-check". Below, one boxer says "damn" with text "type-check got hands", implying the type-checking process is formidable or difficult to deal with
Me posing on a mirror with a slipknot t-shirt
No alt text, the code is available in reply
Typescript playground, link in post
A 2 story house in minecraft, mostly wooden, with a lot of glass windows, next to a lot of land, and some water and sand
ALL CHECKS HAVE PASSED LETS FUCKING GO
E2E tests started 4m 27s ago