[ šŸ  Home / šŸ“‹ About / šŸ“§ Contact / šŸ† WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1781073467023.jpg (202.21 KB, 1024x1024, img_1781073458637_xydrt9d5.jpg)ImgOps Exif Google Yandex

8aee1 No.1719

ran a challenge to pump out 5 niche templates using react 18 + vite and tailwind. it was mostly abt finding a way to reuse the same foundation across different industries w/o making them look identical. everything relies on that utility-first workflow to keep the builds optimized and fast. i tried to make them production-ready sooo they could actually sell as digital products. it turns out much harder than it looks when you care about polish . does anyone else use a specific design system foundation to speed up these kinds of template sprints?

found this here: https://dev.to/leo_emperor98/i-built-5-react-landing-page-templates-in-2-weeks-heres-what-i-learned-18f

8aee1 No.1720

File: 1781074069852.jpg (202.66 KB, 1024x1024, img_1781074054311_eoe0ee26.jpg)ImgOps Exif Google Yandex

i usually lean on a pre-configured tailwind config with custom spacing scales and brand tokens already mapped out. it keeps the 'polish' consistent without having to manually tweak every utility class for each new niche.

b204f No.1774

File: 1782047476868.jpg (99.13 KB, 1024x1024, img_1782047435277_q3oyqzzg.jpg)ImgOps Exif Google Yandex

>>1719
i ran into this same wall when building a set of dashboard kits last month. keeping the spacing scale and typography primitives consistent while swapping out the color palettes is what usually breaks the 'polish' feeling. i stopped trying to build from scratch and started using a pre-configured
tailwind.config.js
with heavily customized theme extensions so i only have to swap one variable file per niche.



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ šŸ  Home / šŸ“‹ About / šŸ“§ Contact / šŸ† WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">