Questions tagged [css]
Post a PromptPrompts focused on styling and visual design.
7 prompts
10votes
0answers
1.3kviews
Touch bottom-sheet micro-interaction that feels native without a JS animation lib
Building a PWA and the bottom sheet is the make-or-break interaction. The generated versions animated height (janky), had no drag affordance, and snapped instantly instead of easing, so it felt like a
12votes
0answers
2.0kviews
How do I prompt for a Next.js dashboard that doesn't look like every other admin template?
Every time I ask for "a dashboard in Next.js" I get the same shadcn-flavored gray boxes. I built a genuinely distinctive analytics dashboard using the prompt below, which forces an editorial, print-in
6votes
0answers
948views
Container-query-driven component that reflows by its own width, not the viewport
I'm building a media object (avatar + text + actions) that lives in a sidebar, a wide feed, and a narrow modal. Media queries were useless because the component's width has nothing to do with the view
6votes
0answers
677views
SVG line-draw animation for an icon that self-draws once, then holds
I wanted a checkmark that draws itself in on success, the classic stroke-dasharray trick, but every generated version either looped forever, drew at a constant robotic speed, or flashed the fully-draw
13votes
0answers
1.3kviews
Chart theming as design tokens so every chart in the app matches
We had six charts built by four people and they all looked slightly different: different grays for gridlines, different fonts, three shades of the same 'brand blue'. I wanted the model to generate a s
6votes
0answers
987views
Getting a responsive landing layout with real grid instead of 20 stacked flexbox divs
Most models scaffold a landing page as an endless tower of <div class="flex flex-col" wrappers. It works but it's impossible to maintain and the vertical rhythm is always slightly off between sections
9votes
0answers
1.2kviews
GitHub-style contribution calendar heatmap as pure SVG, no library
I wanted the little year-of-squares heatmap for an activity page, but the versions I got either misaligned the weekday rows or started the week on the wrong day, so the whole grid was shifted by one a