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
927views
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
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
664views
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
6votes
0answers
973views
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