Jiří Zralý (@Zraly) header
Jiří Zralý (@Zraly) profile picture

Jiří Zralý

@Zraly

Cofounder @hostingbb · Building web apps with PHP, Nette & JS · UI/UX enthusiast

 Prague
Joined September 2008
  • Tweets2.1K
  • Following86
  • Followers838
71Media
Photo by Jiří Zralý (@Zraly)Photo by Jiří Zralý (@Zraly)Photo by Jiří Zralý (@Zraly)Photo by Jiří Zralý (@Zraly)Photo by Jiří Zralý (@Zraly)Photo by Jiří Zralý (@Zraly)Photo by Jiří Zralý (@Zraly)Photo by Jiří Zralý (@Zraly)Photo by Jiří Zralý (@Zraly)Photo by Jiří Zralý (@Zraly)
SaaSy pro tikety a chat jsme mohli konečně zahodit a už si několik měsíců ladíme vlastní systém. Na prvním místě je u nás pořád lidská podpora, na které si zakládáme, ale samozřejmě s kompetentní AI po ruce.
4
1
564
This is not an ideal UI. @thsottiaux #codex
Image from Jiří Zralý (@Zraly)
1
233
This shared inbox app's UI 😍
Image from Jiří Zralý (@Zraly)
1
2
175
👀
213
Just some lovely colors rybitten.space/ @meodai
RYBitten

RYBitten

RYBitten is a color tool and library for exploring painterly, RYB-inspired color mixing, gamut presets, and palette generation on the web.

rybitten.space
1
67
Just upgraded the #HumbleIcons website. Icons are categorized, and each has a dedicated page with its variants. humbleicons.com
Image from Jiří Zralý (@Zraly)
1
96
Make a note! #ux
109
Simple Switch done with @tailwindcss and @Alpine_JS codepen.io/zraly/pen/ZYzYoqY
112
Entering a password with clearly defined conditions. @tailwindcss @alpine_js only. #ux #ui
1
5
341
Which sort icons are better? A or B? #ux
Image from Jiří Zralý (@Zraly)
4
1
436
Added some brands and spinners to #humbleicons humbleicons.com
Image from Jiří Zralý (@Zraly)
2
291
I've redesigned the Mistral UI components to be completely installation free. So if you are using @tailwindcss and @Alpine_JS, just copy-paste them into your project and they will work. mistralui.com/

Mistral UI - Alpine/Tailwind components

Carefully crafted dynamic components for Tailwind CSS and Alpine.js

mistralui.com
1
220
I just love @Alpine_JS & @tailwindcss. Here is a modal dialog using only these two frameworks. Written only in HTML. Covers: - bg scrolling - layout shifting - kbd nav - screen overflowing - multiple dialogs - ux animations stackblitz.com/edit/kmttam
Mistral UI Example - StackBlitz

Mistral UI Example - StackBlitz

Official example from http://localhost:3000/components/modal

stackblitz.com
2
218
This is the easiest way to create a modal dialog using @Alpine_JS
Image from Jiří Zralý (@Zraly)
1
170
Just published Mistral UI 1.3.0 with updated modal component. Now it allows to address more than one modal in one component. mistralui.com/components/mod…

Mistral UI - Alpine/Tailwind components

Carefully crafted dynamic components for Tailwind CSS and Alpine.js

mistralui.com
2
I created a few more @Alpine_JS @tailwindcss dynamic components and wrapped them into a collection called Mistral UI. Check it out and tell me what other component you desperately need. mistralui.com/
Image from Jiří Zralý (@Zraly)
1
4
.@Alpine_JS + @tailwindcss Multiselect with filtering. codepen.io/medhi/pen/xxporOa Usage is totally easy thanks to Alpine's bundle and encapsulation features. gist.github.com/zraly/8fb56b… Any UX tips on how to avoid select/filter labels to make it completely language independent?
2
5
Added groups support. codepen.io/medhi/pen/xxporOa gist.github.com/zraly/8fb56b…
2
Humbleicons 1.6.0 – 50+ new icons – some fine icon tunings – 200+ icons total humbleicons.com/
Image from Jiří Zralý (@Zraly)
1
Humbleicons 1.5.0 – fixed icons code, added 3 new icons for layout humbleicons.com
1
2
Load more