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
#uicomponents — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #uicomponents, aggregated by home.social.
-
-
🚀 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 -
Tôi luôn lặp lại bản thân trong các công việc: các thành phần, biểu đồ đường, biểu đồ hình tròn, lịch, v.v. Vì vậy, tôi đang xây dựng một thư viện mã nguồn mở dành cho chính mình, và cho bất kỳ ai muốn bắt đầu với một thứ gì đó hữu ích rồi tùy biến theo ý muốn. Mọi người đều được chào đón để góp ý, thêm ý tưởng hoặc cải thiện các nội dung hiện có (chuyến hành trình mới chỉ bắt đầu). #OpenSource #Frontend #UIComponents #ThưViệnMãNguồnMở #PhátTriểnWeb
-
#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 -
Kiến tạo mới cùng Cmllia! 🚀 Ngành phát triển frontend & designer, khám phá vinyl thú vị, animation và template chữa cardiac ngân hàng. Giống Pinterest + CodeSandbox nhưng tập trung vào ý tưởng/frontend thực tế. Thêm tag: #Cmllia #Frontend #UIComponents #ThiếtKếWebsite
https://www.reddit.com/r/SideProject/comments/1o5fc7y/ph_launch/
-
#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 -
What's the most complex UI component you've built in SwiftUI?
This detailed tutorial walks through creating a custom date range picker component from scratch. Perfect for developers looking to build sophisticated, reusable UI elements that enhance user experience while maintaining clean, testable code architecture.
🔗: https://khorbushko.github.io/article/2025/09/12/date-range-picker.html by Kyryl Horbushko
-
#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 -
🌊 Introducing the Wave Oval Interface Lineal Icon Pack — Free from Iconadda!
#WaveOvalIcons #InterfaceIcons #LinealIcons #UIDesign #MinimalIcons #ModernUI #CleanDesign #VectorIcons #UXDesign #IconPack #FlatDesign #DesignAssets #WebDesign #AppDesign #UIComponents #SmartIcons #IconIllustration #UIElements #UXResources #MobileUI #WebUI #CreativeAssets #DigitalDesign #IconLibrary #LineArtIcons #InterfaceDesign #GraphicDesign #IconSet #DesignInspiration #ModernDesign
-
Hay diseños vistosos, pero que no son implementados porque no consideran la experiencia de usuario. Por ejemplo considero el siguiente componente de botón, vistoso pero poca UX. #ux #ui #uxdesign #uidesign #productdesign #uicomponents #mobile #ios #android #webdesign #react #html #css
-
El Minimal Design es más de mis gustos. Siempre una buena imagen a la derecha da ese toque. La versión light que hace este Diseñador me agrada más.
#ux #ui #uxdesign #uidesign #productdesign #uicomponents #mobile #ios #android #webdesign #webdevelopment #react #html #css #business #startup -
Las sombras con tipo "raytracing" dan ese plus y esa diferencia.
#ux #ui #uxdesign #uidesign #productdesign #uicomponents #android #webdesign #webdevelopment #html #css
-
Biblioteca open-source para la vista del puntero del mouse en un sitio web.
Cursify: Personaliza la animación del cursor en tu web
→ cursify.vercel.app#ux #ui #uxdesign #uidesign #uicomponents #webdesign #webdevelopment #react #html #css
-
UI- система или хроники Хаоса
Всем доброго времени суток. Давно я что-то ничего не писал, и вот созрел. Предлагаю сегодня поговорить о ui-системе. Зачем она нужна, когда она нужна, что дает, какие минусы имеет и вообще стоит ли ввязываться в это блуд. Я часто слышу на разных конференциях, что панацея от всех болезней в бизнесе — это наличие дизайн-системы (ui-системы). Что, как только вы достигаете ее, то сроки сокращаются в 100500 раз. Что разработчики не хотят открутить голову дизайнерам, и, наоборот, что качество продукта возноситься до небес, и еще много всего восхитительного об этой сущности. Но так ли все это ? Или это просто розовые очки, которые застилают глаза всех причастных к созданию ui-системы в компании и побочка от постоянных нервных срывов, скандалов, поиска компромиссов и просто выгорания? В этой статье я постарался разобраться, а стоит ли игра свеч или как в анекдоте про нюансы. Для начала, чтобы рассуждать, что чем является, нам потребуется разобраться в понятиях и терминах предметной области. UI - kit — это полный набор элементов и компонентов, необходимый для сборки большого однородного продукта. Он включает различные кнопки, иконки, поля для ввода данных и т. д. и позволяет сохранять узнаваемость продукта и доверие пользователей. Так мне сказал поисковик, я спорить не стал. UI component являются основными блоками и элементами для дизайна пользовательского интерфейса. Они предоставляют пользователям способ взаимодействия с вашим веб-сайтом или приложением. Этими компонентами могут являться интерактивный текст и графика, которые сообщат пользователю, что делать дальше.
-
Готовый компонент 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 -
SwitchIt - Customizable JavaScript Plugin for Switch Elements
SwitchIt is a JavaScript plugin for creating customizable switch elements with ease. It allows you to set initial values, hide the default state, and define custom labels and values. With support for popular themes like Bootstrap and Tailwind, SwitchIt offers a seamless integration into your web projects.
https://gist.github.com/AnandPilania/9fd0c16149f167cb3a7d845d04404933
#JavaScript #Plugin #SwitchElement #Customization #UIComponents #FrontendDevelopment #WebDevelopment
-
SwitchIt - Customizable jQuery #Plugin for Radio/Select Switch Element
SwitchIt is a versatile jQuery plugin that allows you to create interactive switch elements with customizable labels and themes.
https://gist.github.com/AnandPilania/322b7e993ab1e9895a3c7fd79a7a677b
#jQueryPlugin #SwitchElement #CustomizableDesign #WebDevelopment #jQuery #JavaScript #WebDevelopment #UIComponents #FrontendDevelopment #UserInterface #Customization #SwitchElement #RadioSwitch #SelectSwitch #Bootstrap #TailwindCSS
-
This is a pretty comprehensive checklist for vetting components and patterns for your Design System:
https://bootcamp.uxdesign.cc/vetting-components-or-patterns-for-the-design-system-d138c310d619
The only thing I would add — don’t be afraid of saying “no”. Existing components might serve a similar purpose and are already familiar to users, so *not* adding a new one can sometimes be the best outcome.
-
Developing a focus style for a themable design system - Ad Hoc
#Focus #styles are #visual #indicators used to #style #elements, usually #links and form elements, that have been focused by the #user, either by “#tabbing” using the #keyboard or by #clicking.
#design #ux #uxdesign #uidesign #accessibility #productdesign #focusindicator #uicomponents #designsystem
https://adhoc.team/2022/02/08/creating-focus-style-for-themable-design-system/ -
Dracula 🧛 is a dark-first collection of UI patterns and components.
-
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]