Topic
Tagged “design”
42 pieces
All topics
- ResourceAIv0Vercel's UI generator — describe a screen, get React + shadcn output you can edit. Useful for breaking a blank-page block, not as a final component source.
- ResourceColorCoolorsTap-to-lock palette generator with contrast, shading, and export to CSS variables. Fastest way to draft a five-color palette that doesn't look extruded from a stock illustration.
- ResourceColorRealtime ColorsLive-preview a full palette on a sample landing page before committing to tokens. Picking accent colors against actual UI beats squinting at hex swatches.
- ResourceIconsHeroiconsTailwind Labs' MIT-licensed SVG icon set — outline, solid, and mini variants. When I need a clean, neutral icon and don't want to argue about line weights.
- ResourceIconsLucideCommunity-driven Feather fork with 1,500+ icons and tree-shakable React bindings. The icon set this site already uses — search before reinventing a glyph.
- ResourceIconsPhosphor IconsSix-weight icon family with consistent geometry across the whole set. When the project's accent demands something curvier than Lucide.
- ResourceColorUI ColorsGenerate full Tailwind shade scales from a single hex. Turning a brand color into a 50-950 ramp without doing it by hand.
- ResourceColorTints and ShadesGenerate evenly stepped tints and shades for any base color. Sometimes you just need ten ticks lighter and ten ticks darker, no algorithm theatre.
- ResourceInspirationMobbinSearchable screenshot library of real iOS, Android, and web product flows. Before designing a new flow, see how five mature products already solved it.
- ResourceInspirationSiteInspireCurated showcase of well-designed websites, taggable by style and type. Lower noise than Awwwards when I'm scouting layout and typography ideas.
- ResourceInspirationAwwwardsThe trophy-case site for ambitious web work, often heavy on motion and WebGL. Useful sometimes; mostly a calibration check for what counts as overproduced.
- ResourceInspirationPage FlowsRecorded onboarding and product flows from real apps, frame by frame. The clearest way to study how shipped products handle empty states and edge transitions.
- ResourceInspirationLand-bookGallery of landing pages filtered by style, type, industry, and color. Quick reference when I need ten variations on a hero before writing one.
- ResourceUtilityCarbonRender code snippets as polished images for docs, slides, or social posts. When a screenshot of code needs to look like a screenshot of code, not a Word document.
- ResourceToolShadow GeneratorLive box-shadow builder — drag the sliders, copy CSS or a Tailwind arbitrary class. Inset toggle, any CSS color. Shadow stacks are easier to feel than to read, and the Tailwind arbitrary-value syntax is fiddly to type by hand.
- ResourceToolGradient GeneratorMulti-stop linear and radial gradients with live preview, drag-to-reorder stops, and CSS + Tailwind output. Skip the round-trip to Coolors when you just want a quick hero gradient with the project's accent.
- ResourceToolCSS TriangleBorder-trick triangle generator. Pick direction, size, and color; copy a ready-to-paste rule. Speech-bubble carets and tooltip arrows show up in every UI; remembering the border hack does not.
- ResourceToolGlassmorphismLive backdrop-filter preview — blur, saturation, tint, border, radius — with copyable CSS. Frosted-glass cards are a four-property combo; iterating live beats guessing pixel values.
- ResourceToolBorder RadiusFour-corner border-radius editor with linked toggle, live preview, and CSS + Tailwind arbitrary-class output. Asymmetric radii are awkward to type out; this makes them point-and-click.
- ResourceToolColor Palette ExtractorDrop or upload an image; pull its N most-prominent colors via median-cut quantization. Runs entirely in the browser. Sampling brand colors out of a screenshot without an Adobe round-trip — and the file never leaves the page.
- FrameshenzhenShenzhen / 11Photographed in Shenzhen on January 13, 2025.
- FrameshenzhenShenzhen / 12Photographed in Shenzhen on February 6, 2025.
- FrameshenzhenShenzhen / 13Photographed in Shenzhen on January 12, 2025.
- FrameshenzhenShenzhen / 14Photographed in Shenzhen on January 27, 2025.
- FrameshenzhenShenzhen / 15Photographed in Shenzhen on December 14, 2024.
- FrameshenzhenShenzhen / 16Photographed in Shenzhen on October 31, 2024.
- FrameshenzhenShenzhen / 17Photographed in Shenzhen on January 8, 2025.
- FrameshenzhenShenzhen / 18Photographed in Shenzhen on January 2, 2025.
- FrameshenzhenShenzhen / 19Photographed in Shenzhen on October 30, 2024.
- FrameshenzhenShenzhen / 20Photographed in Shenzhen on December 15, 2024.
- FrameshenzhenShenzhen / 21Photographed in Shenzhen on February 10, 2025.
- FrameshenzhenShenzhen / 22Photographed in Shenzhen on January 13, 2025.
- FrameshenzhenShenzhen / 23Photographed in Shenzhen on February 6, 2025.
- FrameshenzhenShenzhen / 24Photographed in Shenzhen on January 12, 2025.
- FrameshenzhenShenzhen / 25Photographed in Shenzhen on January 27, 2025.
- FrameshenzhenShenzhen / 26Photographed in Shenzhen on December 14, 2024.
- FrameshenzhenShenzhen / 27Photographed in Shenzhen on October 31, 2024.
- FrameshenzhenShenzhen / 28Photographed in Shenzhen on January 8, 2025.
- FrameshenzhenShenzhen / 29Photographed in Shenzhen on January 2, 2025.
- FrameshenzhenShenzhen / 30Photographed in Shenzhen on January 13, 2025.
- Noterepostrepost noterauno's site is a clinic in interaction detail 🔗 the kind of polish you only really notice when it's missing. been stealing ideas all week.
- Notetierlisttype i keep reaching forranked by how often it actually lands in a project, not by merit 🔤 ask me again next month