xstyled

What it does

xstyled is a utility-first CSS-in-JS framework built for React. Build your entire website using JSX and Props.

• 
  Styled-components – Use the best of ES6 to style React apps2016 · styled-components.com · ▲172

  CSS for the <Component> Age

• 
  Radix UI2022 · radix-ui.com · ▲301

  Unstyled React components for building UI

• 
  JSX.Design2024 · ▲413

  The dev friendly no-code editor for React development

• 
  Stylish2019 · ▲89

  Build beautiful React styled components visually 💅🌠

• 
  Convert any website into a React component2024 · chromewebstore.google.com · ▲326

  Hey HN, we built a Chrome Extension (https:&#x2F;&#x2F;www.magicpatterns.com&#x2F;extension) that converts a snippet of any website to an isolated React component. Demo video: https:&#x2F;&#x2F;youtu.be&#x2F;hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors &#x2F; inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…

• RI
  ReactCSS – Inline Styles with Support for React, Redux and React Native2016 · reactcss.com · ▲47

• 
  /dev/null▲486

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  SavvyCal▲1,132

  Sending your scheduling link shouldn't feel weird.

  Work · 2021 · savvycal.com

• 
  Beeper – All Your Chats in One App▲962

  Get the most popular messaging services, all in a single app. WhatsApp, Signal, Instagram, Telegram, and more.

  Life & fun · 2021 · beeperhq.com

• IM
  I made an alternative platform for professional profiles▲938

  Life & fun · 2021 · read.cv

• 
  Pages by Headlime▲754

  AI-powered landing page builder (GPT-3 + Tailwind)

  AI · 2021 · headlime.com

• 
  I shot high-res stitched panoramas in Iceland using a thermal camera▲753

  A computer vision engineer by day and photographer by night, I never take the path most traveled, especially when it comes to imaging technology. Thermal

  Life & fun · 2021 · petapixel.com

• 
  I built an online interactive course that helps you learn Vim faster▲667

  Learn vim fast by building muscle memory. 2000+ engineers learned vim with our hands on training. Train your fingers, master vim commands!

  Life & fun · 2021 · vim.so