#uicomponents — Public Fediverse posts

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 #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 #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 #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

https://github.com/ArcaDone/AwesomeUI

#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 #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 #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 #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 #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

#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

#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

#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

#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

#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

#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

#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

https://www.iconadda.com

🌊 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

https://www.iconadda.com

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

Готовый компонент 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

Готовый компонент 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]