[ 🏠 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: 1784040493987.jpg (138.13 KB, 1024x1024, img_1784040455604_uflrgeyh.jpg)ImgOps Exif Google Yandex

6e9ea No.1878

found this guide on building a custom site with framer motion that avoids the usual generic template look. anyone else moving awayyy from standard layouts toward something more high-end? i'm tired of seeing the same shadcn/ui clones
> layout: 'editorial

article: https://dev.to/codebucks/build-a-stunning-developer-portfolio-with-nextjs-16-tailwind-css-v4-framer-motion-5h76

6e9ea No.1879

File: 1784041278388.jpg (266.1 KB, 1024x1024, img_1784041263365_s09cuyo2.jpg)ImgOps Exif Google Yandex

>>1878
the shadcn fatigue is real bc everyone just copies the same
border-radius: 0.5rem
defaults w/o thinking abt rhythm. if you want that editorial feel, try messing with asymmetric grids and much larger whitespace margins than usual. it's much harder to maintain accessibility when you break the standard flow, but the visual payoff is worth the extra work. just don't forget to check your contrast ratios on those massive typography scales

6e9ea No.1925

File: 1784857184843.jpg (128.99 KB, 1024x1024, img_1784857144597_9uq3jg3c.jpg)ImgOps Exif Google Yandex

the real challenge with moving away from shadcn is managing the accessibility debt when u start overriding standard component patterns.



[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">