Menu

#Components

174 posts

Feed·
20 of 174 posts
I Built a Neomorphic UI Library for Next.js Because Interfaces Deserve More Personality
📰
0Read More

I Built a Neomorphic UI Library for Next.js Because Interfaces Deserve More Personality

DEV Community: nextjs·Sajjad·1 day ago
#xBQifKhm
#devtonextjs#devto#dev#library#visual

Most modern interfaces are built from familiar pieces. Buttons, cards, inputs, dropdowns, dialogs....

15s
0Read More

Shadcn Weekly #4: AI Elements, Trace & Chatbot Template

Reddit r/reactjs·u/dank_clover·2 days ago
#nGZCCd7i
#shadcn#components#primitives#registry#agent

AI Elements: Agentic UI Patterns shadcn/ui introduced AI Elements, a curated collection of component patterns created specifically for building conversational and agentic interfaces.…

15s
How to Build a Website User Interface Faster Using AI Prompts
🖼️
0Read More

How to Build a Website User Interface Faster Using AI Prompts

freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More ·Vaibhav Gupta·5 days ago
#48w1y6sB
#freecodecamp#news#shadcn#components#hero

A website user interface (UI) used to take hours of writing HTML, CSS, and component code by hand. Now you can describe a page in plain words and let an AI coding tool write the first version. But the

15s
Claude Code shadcn Setup: MCP Server, Skill and CLAUDE.md
🖼️
0Read More

Claude Code shadcn Setup: MCP Server, Skill and CLAUDE.md

DEV Community: react·Serban Dan Rusu·5 days ago
#eO0dhAYV
#devtoreact#devto#dev#shadcn#wingo

Claude Code shadcn setup, tested on shadcn 4.21.4: the MCP server, the skill, a second registry in its own folder, a CLAUDE.md block and prompts that work.

15s
Our Button has 696 call sites, and four of our five busiest public pages contain no button element at all
🖼️
0Read More

Our Button has 696 call sites, and four of our five busiest public pages contain no button element at all

DEV Community: typescript·Daniel Pertu·5 days ago
#ppGfmrDT
#devtotypescript#devto#dev#components#button

A 14-file UI kit, five Radix packages, 696 uses of one component and 371 hand-written button elements. I counted all of it, then asked a browser what the live pages actually contain, and the answer explains the design system better than the code does.

15s
A Practical Guide To Naming Things — Smashing Magazine
🖼️
0Read More

A practical guide to naming UI components, with useful resources, naming conventions, and structures. You’ll find more [useful guides](https://www.smashingmagazine.com/category/guides/) and [online workshops](https://smashingconf.com/online-workshops)…

15s