#uikit — Public Fediverse posts

We just launched a paid Shadcn /ui components kit for the @Sketch app

The entire design system is rebuilt using Stack Layout, Variables, and Shared Styles.

Design with the speed of code. ⚡️ Get it here:
https://www.whiteui.store/product/shadcn-sketch-ui

#Sketch #UIkit #shadcn #DesignSystem #madewithsketch

We just launched a paid Shadcn /ui components kit for the @Sketch app

The entire design system is rebuilt using Stack Layout, Variables, and Shared Styles.

Design with the speed of code. ⚡️ Get it here:
https://www.whiteui.store/product/shadcn-sketch-ui

#Sketch #UIkit #shadcn #DesignSystem #madewithsketch

Want to check how your website looks with Safari’s different bars?

I’ve just updated my little @Sketch design kit for liquid glass.

#madewithsketch #uikit

https://www.sketch.com/profile/alexkaessner/4de3a323-3d03-4d45-bfdb-e4d6e39db287

Want to check how your website looks with Safari’s different bars?

I’ve just updated my little @Sketch design kit for liquid glass.

#madewithsketch #uikit

https://www.sketch.com/profile/alexkaessner/4de3a323-3d03-4d45-bfdb-e4d6e39db287

UISlider изнутри: почему `setValue` не работает во время settle-анимации и как я это обошел

В iOS 26 у UISlider появился liquid-glass-вид и физика доводки (settle) после того, как пользователь отпускает палец. Если честно, я не проверял, как это выглядело в старых версиях и как оно работало, так как до iOS 26 ни в своих проектах, ни в тех, что я писал на работе, я не использовал стандартный компонент, так как его внешний вид никого не устраивал. У такой доводки есть побочный эффект: если в этот момент дернуть setValue(_:animated:) извне, наш слайдер на один кадр едет в новую точку, а потом откатывается туда, куда его тянет settle. removeAllAnimations() не помогает: анимация идёт не через CABasicAnimation , а через property-driver на display link. Дальше про то, как я нашёл рабочий путь это исправить.

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

#UISlider #liquid_glass #приватные_API #objectivec_runtime #kvc #реверсинжинеринг #uikit

I've once again taken the time to write down my thoughts—this time on the Liquid Glass changes in Apple’s 2027 releases.

Join me on a journey through the great, the good, and the curious. While macOS looks better than ever, iOS 27 feels like a significant step backwards, looking flatter than last year. I also dive into what HDR has to do with it and explore the other design changes Apple made.

https://gamery.app/blog/liquid-glass/

#SwiftUI #UIKit #iOS #macOS #WWDC #Apple #Design #BuildInPublic #Swift

I've once again taken the time to write down my thoughts—this time on the Liquid Glass changes in Apple’s 2027 releases.

Join me on a journey through the great, the good, and the curious. While macOS looks better than ever, iOS 27 feels like a significant step backwards, looking flatter than last year. I also dive into what HDR has to do with it and explore the other design changes Apple made.

https://gamery.app/blog/liquid-glass/

#SwiftUI #UIKit #iOS #macOS #WWDC #Apple #Design #BuildInPublic #Swift

Haha, it's alive! When did you last see an NSDrawer? It's perfect for displaying #mastodon conversations.

(This is ofc just my opinion. Don't use deprecated APIs in your projects. This is my private playground.)

#macos #macosdev #apple #swift #uikit

Haha, it's alive! When did you last see an NSDrawer? It's perfect for displaying #mastodon conversations.

(This is ofc just my opinion. Don't use deprecated APIs in your projects. This is my private playground.)

#macos #macosdev #apple #swift #uikit

Свой NavigationBar на iOS: large title, поиск и списки на Texture

Разбор того, как отказаться от системного UINavigationBar и собрать собственный навигационный бар на обычном UIView: с коллапсирующим large title как у Apple, встроенной строкой поиска и произвольными панелями под заголовком — и так, чтобы он работал и с UITableView, и со списками на Texture (AsyncDisplayKit). Внутри — устройство компонента и честный разбор компромиссов из реального продакшена.

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

#iOS #Swift #UIKit #UINavigationBar #AsyncDisplayKit #Texture #KVO

Has anyone come up with a good foundation and logic to sync a Core Data stack with Supabase with a clean way to map managed objects to Supabase rows and vice versa? Everything I build just seems so complex and brittle. #SwiftUI #UIKit #CoreData #Supabase

Has anyone come up with a good foundation and logic to sync a Core Data stack with Supabase with a clean way to map managed objects to Supabase rows and vice versa? Everything I build just seems so complex and brittle. #SwiftUI #UIKit #CoreData #Supabase

After WWDC 26, iPhone apps can run in resizable environments.
horizontalSizeClass is still reliable, but it is no longer a width sensor.

I wrote about how Apple’s layout model is shifting from device type to available space.

#SwiftUI #UIKit #WWDC26

https://fatbobman.com/en/posts/from-size-class-to-available-space/

After WWDC 26, iPhone apps can run in resizable environments.
horizontalSizeClass is still reliable, but it is no longer a width sensor.

I wrote about how Apple’s layout model is shifting from device type to available space.

#SwiftUI #UIKit #WWDC26

https://fatbobman.com/en/posts/from-size-class-to-available-space/

Мультиверсионный UI-кит с RWC: один JS-API для разных веб-компонентов

Замена одной кнопки не должна тянуть за собой весь React. В RWC — не тянет. Каждый компонент RWC — самостоятельный Custom Element. Он не зависит от рантайма хоста и работает внутри React-дерева, Angular-приложения или чистого HTML. Поэтому старый React-компонент и новая RWC-кнопка живут на одной странице одновременно. На практике: UI-кит мигрируется покомпонентно, по одному виджету за спринт. Без feature-freeze, без второго рантайма фреймворка и параллельной сборки ради сосуществования версий. Единица изоляции здесь — сам компонент, а не application runtime.

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

#javascript #typescript #custom_elements #web_components #signal #uikit

It's hard to capture since this does not even show up in macOS HDR screenshots, but it looks like iOS buttons do not have any HDR treatment, making them look totally flat with just a gray outline.

Going by the marketing material, that might change and I hope so. The buttons looks soooo good on macOS with HDR highlights making them pop off the screen. #UIKit #SwiftUI

Назад в будущее UI-kit: как мы перевели живую библиотеку на дизайн-токены и ничего не сломали

UI-kit, которым пользуются несколько продуктовых команд, нельзя просто отправить в будущее и переписать под новый дизайн. За ним тянется прошлое: старые CSS-переменные, публичный API, кастомизации у потребителей и независимые релизные циклы. При этом бренд уже меняется, дизайнеры приносят новую палитру, типографику, motion, скругления и тёмную тему и всё это нужно аккуратно посадить на компоненты, которые продолжают работать в продакшене. Привет, Хабр! Меня зовут Амир, я Senior Vue.js Frontend Developer в экосистеме Лукоморье . Уже шесть лет я развиваю фронтенд большой внутренней ERP-платформы, в том числе внутренний UI-kit: около 50 компонентов на Vue 3 и TypeScript, которыми пользуются несколько продуктовых команд в Ростелекоме. В этой статье расскажу, как мы устроили для UI-kit такое «назад в будущее»: в одной долгоживущей ветке sova провели редизайн поверх работающих компонентов, сохранили публичный API для команд-потребителей и перевели визуальный слой на новую архитектуру. Мы внедрили 3-tier-систему дизайн-токенов, собрали pipeline на Style Dictionary и Tokens Studio for Figma, оставили старые CSS-переменные через legacy-алиасы, а заодно закрыли несколько долгов библиотеки: типизацию шаблонов, встроенный SVG-спрайт на 816 иконок, утилиту темизации и вынос runtime-зависимостей с сокращением бандла с 940 до 150 КБ. Материал будет полезен инженерам дизайн-систем, фронтенд-архитекторам и тимлидам, которые поддерживают UI-kit для нескольких продуктовых команд и думают, как провести редизайн без поломки потребителей. Внутри — код, архитектурные решения, компромиссы и честные выводы по итогам миграции.

https://habr.com/ru/companies/lukit_ru/articles/1046493/

#uikit #дизайнтокены #лукоморье #фронтенд #фронтендразработка #фронтенд_разработка #фронтэнд_javascript #vuejs #vuejs #javascript

Назад в будущее UI-kit: как мы перевели живую библиотеку на дизайн-токены и ничего не сломали

UI-kit, которым пользуются несколько продуктовых команд, нельзя просто отправить в будущее и переписать под новый дизайн. За ним тянется прошлое: старые CSS-переменные, публичный API, кастомизации у потребителей и независимые релизные циклы. При этом бренд уже меняется, дизайнеры приносят новую палитру, типографику, motion, скругления и тёмную тему и всё это нужно аккуратно посадить на компоненты, которые продолжают работать в продакшене. Привет, Хабр! Меня зовут Амир, я Senior Vue.js Frontend Developer в экосистеме Лукоморье . Уже шесть лет я развиваю фронтенд большой внутренней ERP-платформы, в том числе внутренний UI-kit: около 50 компонентов на Vue 3 и TypeScript, которыми пользуются несколько продуктовых команд в Ростелекоме. В этой статье расскажу, как мы устроили для UI-kit такое «назад в будущее»: в одной долгоживущей ветке sova провели редизайн поверх работающих компонентов, сохранили публичный API для команд-потребителей и перевели визуальный слой на новую архитектуру. Мы внедрили 3-tier-систему дизайн-токенов, собрали pipeline на Style Dictionary и Tokens Studio for Figma, оставили старые CSS-переменные через legacy-алиасы, а заодно закрыли несколько долгов библиотеки: типизацию шаблонов, встроенный SVG-спрайт на 816 иконок, утилиту темизации и вынос runtime-зависимостей с сокращением бандла с 940 до 150 КБ. Материал будет полезен инженерам дизайн-систем, фронтенд-архитекторам и тимлидам, которые поддерживают UI-kit для нескольких продуктовых команд и думают, как провести редизайн без поломки потребителей. Внутри — код, архитектурные решения, компромиссы и честные выводы по итогам миграции.

https://habr.com/ru/companies/lukit_ru/articles/1046493/

#uikit #дизайнтокены #лукоморье #фронтенд #фронтендразработка #фронтенд_разработка #фронтэнд_javascript #vuejs #vuejs #javascript

Назад в будущее UI-kit: как мы перевели живую библиотеку на дизайн-токены и ничего не сломали

UI-kit, которым пользуются несколько продуктовых команд, нельзя просто отправить в будущее и переписать под новый дизайн. За ним тянется прошлое: старые CSS-переменные, публичный API, кастомизации у потребителей и независимые релизные циклы. При этом бренд уже меняется, дизайнеры приносят новую палитру, типографику, motion, скругления и тёмную тему и всё это нужно аккуратно посадить на компоненты, которые продолжают работать в продакшене. Привет, Хабр! Меня зовут Амир, я Senior Vue.js Frontend Developer в экосистеме Лукоморье . Уже шесть лет я развиваю фронтенд большой внутренней ERP-платформы, в том числе внутренний UI-kit: около 50 компонентов на Vue 3 и TypeScript, которыми пользуются несколько продуктовых команд в Ростелекоме. В этой статье расскажу, как мы устроили для UI-kit такое «назад в будущее»: в одной долгоживущей ветке sova провели редизайн поверх работающих компонентов, сохранили публичный API для команд-потребителей и перевели визуальный слой на новую архитектуру. Мы внедрили 3-tier-систему дизайн-токенов, собрали pipeline на Style Dictionary и Tokens Studio for Figma, оставили старые CSS-переменные через legacy-алиасы, а заодно закрыли несколько долгов библиотеки: типизацию шаблонов, встроенный SVG-спрайт на 816 иконок, утилиту темизации и вынос runtime-зависимостей с сокращением бандла с 940 до 150 КБ. Материал будет полезен инженерам дизайн-систем, фронтенд-архитекторам и тимлидам, которые поддерживают UI-kit для нескольких продуктовых команд и думают, как провести редизайн без поломки потребителей. Внутри — код, архитектурные решения, компромиссы и честные выводы по итогам миграции.

https://habr.com/ru/companies/lukit_ru/articles/1046493/

#uikit #дизайнтокены #лукоморье #фронтенд #фронтендразработка #фронтенд_разработка #фронтэнд_javascript #vuejs #vuejs #javascript

Ah, yes, another "revolutionary" #open-source UI kit that does *everything* your document app never asked for! 🚀✨ With features like "bounding box citations" and "file thumbnail view," this kit is here to save us from the peril of ugly spreadsheets. 🗂️ Because, obviously, what the world needed was yet another way to view a PDF. 📄🤦‍♂️
https://www.extend.ai/ui #UIkit #documentapp #techinnovation #designtrends #userexperience #HackerNews #ngated

Ah, yes, another "revolutionary" #open-source UI kit that does *everything* your document app never asked for! 🚀✨ With features like "bounding box citations" and "file thumbnail view," this kit is here to save us from the peril of ugly spreadsheets. 🗂️ Because, obviously, what the world needed was yet another way to view a PDF. 📄🤦‍♂️
https://www.extend.ai/ui #UIkit #documentapp #techinnovation #designtrends #userexperience #HackerNews #ngated

Extend UI – open-source UI kit for modern document apps

https://www.extend.ai/ui

#HackerNews #OpenSource #UIkit #DocumentApps #ModernDesign

Extend UI – open-source UI kit for modern document apps

https://www.extend.ai/ui

#HackerNews #OpenSource #UIkit #DocumentApps #ModernDesign

Disabled toolbar buttons are still interactive in iOS 27. Oh well. #SwiftUI #UIKit

So you still can't create Liquid Glass icons for visionOS and tvOS for the 27 releases with Icon Composer? Really? #SwiftUI #UIKit

So you still can't create Liquid Glass icons for visionOS and tvOS for the 27 releases with Icon Composer? Really? #SwiftUI #UIKit

Incredible that this is still not fixed. #UIKit #SwiftUI

Incredible that this is still not fixed. #UIKit #SwiftUI

Discovery of the day #UIKit #SwiftUI

If you place a glass(Prominent) button on a full white background, that background will no longer be white but just slightly off-white (249 instead of 255). Why? I assume they want to make sure the edge highlight of the button stays visible.

You cannot even be sure anymore if the colors you pick are rendered correctly by the system. This is wrong.

Discovery of the day #UIKit #SwiftUI

If you place a glass(Prominent) button on a full white background, that background will no longer be white but just slightly off-white (249 instead of 255). Why? I assume they want to make sure the edge highlight of the button stays visible.

You cannot even be sure anymore if the colors you pick are rendered correctly by the system. This is wrong.

Компонентная разработка (reusable)

Это не разбор, не рекомендация, а скорее ценный опыт фронтовой команды с полей российского IT. Все что описано ниже - общий результат нашей работы. Перед любой командой со стороны менеджмента и бизнеса стоит одна и та же задача «давайте быстрее - надо было еще вчера». Нас эта судьба также не миновала. Первое, с чего начинается оптимизация, своя дизайн-система. У нас уже была своя дизайн-система, она выручала нас во многих кейсах, но она была старая, подходы к разработке давно изменились, и UI Kit уже не отвечал требованиям. Поэтому было принято решение параллельно разрабатывать новую, с учетом всех последних требований и подходов. Переезд не должен доставлять проблем и быть плавным. План такой: разрабатываем новый компонент, тестируем его, и как только результат радует, старый удаляем и внедряем новый. И так до тех пор, пока не останется ни одного старого компонента. Разработка имеет такую очередь: архитектурно наш UI Kit лежит в закрытом artifactory npm пакетом. Также есть шаблон со всеми необходимыми зависимостями и UI Kit’ом. Когда приходит время нового проекта, делается fork заготовки. Это дает быстрый старт. Начинаем Давайте посмотрим, как бы начиналась разработка приложения. Возьмем для примера компонент Select. Не будем писать сами, возьмем Antd Select и через обертку emotion стилизуем его под корпоративные стили. Структура получится такая:

https://habr.com/ru/companies/megafon/articles/1041500/

#frontend #react #mobx #design_system #uikit

I love writing and using SwiftUI, even though I acknowledge that it isn't perfect. I thought I'd publish some of my thoughts as a rebuttal of some of the recent anti-SwiftUI posts.

https://troz.net/post/2026/swiftui_praise/

#SwiftUI #AppKit #UIKit #Apple

I love writing and using SwiftUI, even though I acknowledge that it isn't perfect. I thought I'd publish some of my thoughts as a rebuttal of some of the recent anti-SwiftUI posts.

https://troz.net/post/2026/swiftui_praise/

#SwiftUI #AppKit #UIKit #Apple

Apple iOS, iPadOS, watchOS and Android OS Device Resolution Handbook

Let’s learn how to bifurcate between multiple devices programatically.

https://mandarapte.com/apple/apple-ios-ipados-watchos-and-android-os-device-resolution-handbook/

#Apple #iOS #iPadOS #macOS #Programming #Development #Multitasking #Layout #Swift #Language #UIKit #SwiftUI

Native Apps are so bad at TextViews. I know there some experts here on Mastodon. Whats the explaination?
#swiftui #appkit #uikit #electron

https://justsitandgrin.im/posts/native-all-the-way-until-you-need-text/

Native Apps are so bad at TextViews. I know there some experts here on Mastodon. Whats the explaination?
#swiftui #appkit #uikit #electron

https://justsitandgrin.im/posts/native-all-the-way-until-you-need-text/

🚀Social Symbols, it’s now available as Swift Package! 🥳
It works with #SwiftUI, #UIKit and #AppKit. Free to use, it has never been easier to add your socials on your app!

It’s the first release so be nice and report issues… 😘

https://github.com/jeremieb/social-symbols

🚀Social Symbols, it’s now available as Swift Package! 🥳
It works with #SwiftUI, #UIKit and #AppKit. Free to use, it has never been easier to add your socials on your app!

It’s the first release so be nice and report issues… 😘

https://github.com/jeremieb/social-symbols

Hyper Casual UI Kit for Unity #Unity #Uikit #Hypercasual #Mobilegames #Gamedevelopment #Uidesign #Prefabs #Sprites #Buttons #Components #AssetStore

https://u3dn.com/packages/hyper-casual-ui-kit-for-unity-262070

I might also get into #typescript again after years of doing only #swift, #swiftui and #uikit. #dev

I might also get into #typescript again after years of doing only #swift, #swiftui and #uikit. #dev

Мы попытались автоматизировать дизайн-систему через ИИ. Не получилось, почти…

Всем привет! Я Никита Сошин, арт-директор и дизайнер в evilUNION. Вместе с Александрой Дёминой, дизайнером в evilUNION, мы в начале 2026 года взялись за проект, который казался решаемым через автоматизацию. Проект жёстко ограничен по срокам и бюджету — всем знакомо? Нам нужно было собрать базу для дизайн-системы мобильного приложения с нуля. Токены, типографика, компоненты, шаблоны, документация — всё сразу и в сжатые сроки. Делать это полностью руками было слишком долго, поэтому я задался вопросом — а как можно это автоматизировать? План был безупречно амбициозный: делегировать и построить настоящий конвейер, который поможет нам не тормозить бизнес. И, не застревая на кропотливой работе с компонентами, экспериментировать с экранами и пользовательскими путями. Спойлер: не вышло 😣. Но случился один сюжетный поворот…

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

#дизайнсистема #ai #дизайн #uikit #ui_kit #ui #дизайн_студия #дизайн_интерфейсов #chatgpt #claude

Macのアプリケーションフォルダ内にあるアプリがSwiftUIやAppKit、Catalyst、Electronなど、どの様なUIフレームワークを利用して開発されているかをチェックできるアプリ「App Detective」にCLIツールが登場。
https://applech2.com/archives/20260501-app-detective-support-cli.html

#applech2 #仕事効率化 #AppKit #Catalyst #Electron #github #Mac #OSS #SwiftUI #UIKit #オープンソース #レビュー

Can never remember setContentScrollView(_:for:) existence but am thankful for it every day

#uikit

Hepul UI Kit for Unity #Unity #Uikit #Uielements #Icons #Buttons #Panels #Mobilefriendly #Gamedevelopment #AssetStore

https://u3dn.com/packages/hepul-ui-kit-for-unity-223632

Help!

I'm migrating to StoreKit2 (better late than never, huh?) and while testing I was wondering why product.displayPrice was always en_US@currency=USD (fixed en_US@currency=USD). Oh, because of the storekit config file, doh. No worries.

Then I submit my app, and just to be sure, I install it from TestFlight and: also just dollars 😐. Even if my locale is European.

Is this just because it hasn't hit the real store yet?

#UIKit #Swift #AppStore #TestFlight #iOSDev

Help!

I'm migrating to StoreKit2 (better late than never, huh?) and while testing I was wondering why product.displayPrice was always en_US@currency=USD (fixed en_US@currency=USD). Oh, because of the storekit config file, doh. No worries.

Then I submit my app, and just to be sure, I install it from TestFlight and: also just dollars 😐. Even if my locale is European.

Is this just because it hasn't hit the real store yet?

#UIKit #Swift #AppStore #TestFlight #iOSDev

📸 Snapshot testing in iOS is powerful…
…but the experience around it is still painful.

You run tests.
You get failures.
And then you’re left digging through files trying to understand what changed.

I built NSAssets to fix that.

Check the small demo, running snapshot tests on Kickstarter’s open source app

👉 This is the experience I always wanted when working with snapshot tests.

👉 check all available features:
https://apps.apple.com/app/nsassets/id6760512142

#swift #iosdev #swiftui #uikit

📸 Snapshot testing in iOS is powerful…
…but the experience around it is still painful.

You run tests.
You get failures.
And then you’re left digging through files trying to understand what changed.

I built NSAssets to fix that.

Check the small demo, running snapshot tests on Kickstarter’s open source app

👉 This is the experience I always wanted when working with snapshot tests.

👉 check all available features:
https://apps.apple.com/app/nsassets/id6760512142

#swift #iosdev #swiftui #uikit

Is there an official way of getting the Mac Catalyst 0.9375 scaling? #Xcode #UIKit #iOSDev