主题
标记为「design」
22 篇
全部主题
- 资源AIv0Vercel'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.
- 资源ColorCoolorsTap-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.
- 资源ColorRealtime 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.
- 资源IconsHeroiconsTailwind 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.
- 资源IconsLucideCommunity-driven Feather fork with 1,500+ icons and tree-shakable React bindings. The icon set this site already uses — search before reinventing a glyph.
- 资源IconsPhosphor IconsSix-weight icon family with consistent geometry across the whole set. When the project's accent demands something curvier than Lucide.
- 资源ColorUI ColorsGenerate full Tailwind shade scales from a single hex. Turning a brand color into a 50-950 ramp without doing it by hand.
- 资源ColorTints 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.
- 资源InspirationMobbinSearchable screenshot library of real iOS, Android, and web product flows. Before designing a new flow, see how five mature products already solved it.
- 资源InspirationSiteInspireCurated showcase of well-designed websites, taggable by style and type. Lower noise than Awwwards when I'm scouting layout and typography ideas.
- 资源InspirationAwwwardsThe trophy-case site for ambitious web work, often heavy on motion and WebGL. Useful sometimes; mostly a calibration check for what counts as overproduced.
- 资源InspirationPage 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.
- 资源InspirationLand-bookGallery of landing pages filtered by style, type, industry, and color. Quick reference when I need ten variations on a hero before writing one.
- 资源UtilityCarbonRender 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.
- 资源ToolShadow 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.
- 资源ToolGradient 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.
- 资源ToolCSS 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.
- 资源ToolGlassmorphismLive 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.
- 资源ToolBorder 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.
- 资源ToolColor 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.
- 笔记repostrepost 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.
- 笔记tierlisttype i keep reaching forranked by how often it actually lands in a project, not by merit 🔤 ask me again next month