CSSnippets

What it does

Introducing CSSnippets, one tool for all your design needs. I've created this tool, where you can find the HTML, CSS and React code snippets for: 1. Buttons 2. Checkboxes 3. Cards 4. Loading Spinners and many more, at one place.

• 
  React and Next.js Snippets2022 · ▲133

  React and Next.js snippets with TypeScript

• 
  CSSeffectsSnippets.2019 · ▲292

  A collection of CSS effects with a click to copy.

• 
  ReactCSS2015 · ▲121

  The way CSS in React should be

• 
  CSS snippets2023 · ▲7

  Common CSS snippets

• 
  20+ Free Tailwind CSS & React Blocks2024 · material-tailwind.com · ▲184

  Fully coded UI sections with designer file included

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

  Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component. Demo video: https://youtu.be/hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / 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…

• 
  Meridian▲530

  Don't let your work go unnoticed. Get promoted!

  Dev tools · 26d ago · meridiona.com

• 
  x1▲516

  Lovable for iPhone apps go from idea to App Store

  Dev tools · 17d ago · x1.new

• 
  Open-Source eInk Bike Computer▲421

  OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

  Dev tools · 7d ago · opentrailpaper.com

• 
  Nuphos▲380

  The AI-Native DevOps Workspace.

  Dev tools · 30d ago · nuphos.ai

• 
  Toplify▲365

  Track your App Store ranking worldwide

  Dev tools · 21d ago · toplify.app

• 
  Vendo ▲362

  Let your users build their own features inside your product

  Dev tools · 26d ago · vendo.run

• 
  Voicenotes▲1,485

  AI note-taker that's truly intelligent

  AI · 2024 · voicenotes.com

• 
  Wegic▲1,179

  The first AI web designer & developer by your side

  Dev tools · 2024 · wegic.ai

• 
  Insighto▲1,108

  Ship features users want

  Growth · 2024 · insigh.to

• 
  Ivee▲1,087

  The B2B influencer marketing platform

  Growth · 2024

• 
  Waxwing▲1,035

  AI copilot for every marketing task

  AI · 2024

• 
  OH, a potato!▲980

  AI powered zero-waste meal planner

  AI · 2024 · ohapotato.app