#uicomponents — Public Fediverse posts

Oh, look! Another *totally unique* UI component library for Go developers who just can't get enough of implementing the same 50 widgets over and over. 🙄🔄 I mean, who doesn't want to scroll through an endless list of components with names like "hovercard" and "buttongroup" while pretending it's groundbreaking? 🚀🤦‍♂️
https://ui.gsxhq.dev/ #UIcomponents #GoDevelopment #DeveloperHumor #ComponentLibrary #RepetitiveDesign #HackerNews #ngated

🚀 Wow, hold the phone! Shadcn/UI's latest #changelog update is basically a 10,000-word thesis on swapping out Radix for Base UI—that's like switching from Pepsi to Coke and thinking you're a visionary. 🙄 With a list of components longer than a CVS receipt, it's clear the priority isn't user experience, but seeing how many buzzwords can fit in one scroll. 📜🔍
https://ui.shadcn.com/docs/changelog #ShadcnUI #UIComponents #UserExperience #TechBuzzwords #HackerNews #ngated

Instantiating UI Components with Distinguishing Variations [pdf]

https://static.barik.net/barik/publications/chi2026/vaithilingam_celestial_chi26.pdf

#HackerNews #UIComponents #DistinguishingVariations #DesignPatterns #UserInterface #PDF

Анатомия «живой» кнопки: 5 слоёв, GPU-анимация и трюки с CSS

Хочу поделиться кейсом, когда разработка типичного tab-switcher превращается в настоящее архитектурное решение.

https://habr.com/ru/articles/1047114/

#css #frontend #ui #uicomponents #cssanimation #gpuanimation #mixblendmode #9slice #pseudoelements #webdev

Performative-UI – a react component library of design tropes

https://vorpus.github.io/performativeUI/

#HackerNews #PerformativeUI #ReactComponent #DesignTropes #UIComponents #WebDevelopment

Shadcn/UI: A set of beautifully designed components that you can customize

https://github.com/shadcn-ui/ui

#HackerNews #ShadcnUI #UIComponents #CustomizableDesign #BeautifullyDesigned #OpenSource

#Design #Guidelines
Combobox vs. multiselect vs. listbox · Differences, applications, and recommendations https://ilo.im/16a5m6

_____
#Combox #Multiselect #Listbox #UiComponents #DesignPatterns #UiDesign #WebDesign #Development #WebDev #Frontend

#Design #Approaches
When is a generated UI worth keeping? · How constraints help AI designs outlast the demo https://ilo.im/16a0cp

_____
#Prompting #AI #Branding #RealData #UiComponents #Constraints #ProductDesign #UxDesign #UiDesign #WebDesign

#Design #Inspirations
Website Inspo · A curated library of well-crafted UI components https://ilo.im/169q0i

_____
#Interactions #Animations #Transitions #Websites #UiComponents #DesignPatterns #ProductDesign #UiDesign #WebDesign

#Design #Approaches
Slots in design systems · More flexible components through custom composition https://ilo.im/168a06

_____
#Flexibility #UiComponents #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

#Development #Proposals
Zombie styles · Do your CSS files also contain any zombies? https://ilo.im/1687os

_____
#Terminology #Stylesheets #CssDeclarations #CssSpecificity #UiComponents #Frameworks #WebDev #Frontend #HTML #CSS

#Development #Announcements
Storybook is going ESM-only · The popular UI builder drops CommonJS support https://ilo.im/16744v

_____
#Storybook #JavaScript #ESM #CommonJS #Frameworks #UiComponents #DesignSystems #WebDev #Frontend

#Design #Guides
Prompting Google Nano Banana · Useful prompts for routine design tasks https://ilo.im/166nnm

_____
#Images #Ideation #Wireframes #UiComponents #AI #Gemini #FlashImage #ProductDesign #UiDesign #WebDesign

#Development #Analyses
Can UI components conform to WCAG? · Why they technically can’t, and why it makes sense https://ilo.im/1663ux

_____
#Accessibility #WCAG #Standards #Conformance #UiComponents #WebComponents #Webpages #WebDev #Frontend

#Development #Reviews
Web Awesome is finally here · “Now we have the best CSS framework on the market.” https://ilo.im/165bqw

_____
#WebAwesome #Shoelace #OpenSource #CSS #Framework #UiComponents #WebComponents #WebAPIs #WebDev #Frontend

UI- система или хроники Хаоса

Всем доброго времени суток. Давно я что-то ничего не писал, и вот созрел. Предлагаю сегодня поговорить о ui-системе. Зачем она нужна, когда она нужна, что дает, какие минусы имеет и вообще стоит ли ввязываться в это блуд. Я часто слышу на разных конференциях, что панацея от всех болезней в бизнесе — это наличие дизайн-системы (ui-системы). Что, как только вы достигаете ее, то сроки сокращаются в 100500 раз. Что разработчики не хотят открутить голову дизайнерам, и, наоборот, что качество продукта возноситься до небес, и еще много всего восхитительного об этой сущности. Но так ли все это ? Или это просто розовые очки, которые застилают глаза всех причастных к созданию ui-системы в компании и побочка от постоянных нервных срывов, скандалов, поиска компромиссов и просто выгорания? В этой статье я постарался разобраться, а стоит ли игра свеч или как в анекдоте про нюансы. Для начала, чтобы рассуждать, что чем является, нам потребуется разобраться в понятиях и терминах предметной области. UI - kit — это полный набор элементов и компонентов, необходимый для сборки большого однородного продукта. Он включает различные кнопки, иконки, поля для ввода данных и т. д. и позволяет сохранять узнаваемость продукта и доверие пользователей. Так мне сказал поисковик, я спорить не стал. UI component являются основными блоками и элементами для дизайна пользовательского интерфейса. Они предоставляют пользователям способ взаимодействия с вашим веб-сайтом или приложением. Этими компонентами могут являться интерактивный текст и графика, которые сообщат пользователю, что делать дальше.

https://habr.com/ru/articles/846424/

#ui/ux #uikit #frontend #uicomponents

Готовый компонент UI свайп-панели c добавлением scrollView, и других элементов ui. (iOS Swift)

ContainerController компонент пользовательского интерфейса. Это копия свайп-панели из приложения: AppleMaps https://github.com/mrustaa/ContainerController Он может: - Анимировано перемещаться 3 позиции Верх / Середина / Вниз можно настраивать позиции - Добавлять несколько ContainerController (друг на друга) в одном контроллере - Добавлять любой тип ScrollView: TableView / CollectionView / TextView и управлять панелью за счет скрола - Панель управляется жестом или прокруткой (вертикально) - Можно закреплять HeaderView на вверху / и FooterView внизу 1) Добавлять фоновый цвет / прозрачность размытия фона 2) Настраивать окружность углов cornerRadius 3) Настраивать тень контейнера - При поднятии наверх = Можно добавить тень фона позади компонента 1) Можно настраивать левые / правые отступы 2) И настраивать левые / правые отступы для ландшафтного разворота

https://habr.com/ru/articles/844732/

#swift__разработка #swipe #panel #designer #tableview #collection #move #gesture #scrollview #uicomponents

My latest mini project, a Remix-Vite-Tailwind template 🌟 With an enhanced Tailwind config for endless color possibilities, innovative design utilities, and an extensive component library, I've created a toolkit that makes building beautiful websites a breeze. This unique "design" route lets you see your designs come to life instantly. Dive in and elevate your web projects with me! #WebDesign #TailwindCSS #Remix #Vite #UIComponents

Check out the template on GitHub: https://github.com/EvanMarie/remix-vite-tailwind

@leaverou Hi, i'm searching for a #UIComponents library that is based on Vanilla CSS, no Tailwind, accessible and don't require a framework like React. I think you had tweeted about a UI library that matches these requirements before but I can't retrieve your tweet... Can you help me please ?
#UiLibrary

AgnosticUI - One stylesheet…all the frameworks! UI components that work in React, Vue 3, and Svelte! https://www.agnosticui.com/ #Front #UIComponents #React #Vue #Svelte by @[email protected]