Author Topic: TWLazUI - Modern Tailwind CSS-inspired UI Component Suite  (Read 429 times)

Inyong

  • New Member
  • *
  • Posts: 21
TWLazUI - Modern Tailwind CSS-inspired UI Component Suite
« on: October 05, 2026, 04:41:10 pm »
Hi everyone,

I would like to introduce a new open-source component package I've been working on: TWLazUI LCL Components.

The goal of this project is to bring clean, modern, and minimalist web-like design aesthetics (inspired by Tailwind CSS) into desktop application development with Free Pascal and Lazarus.

All components are rendered using the powerful BGRABitmap library, enabling true alpha transparency, smooth anti-aliased curves, rounded shapes, and soft drop shadows without native OS widget limitations or black-box artifacts.

✨ Key Highlights

Tailwind-inspired Aesthetics: Modern default palettes (Slate, Primary, Danger, Success, etc.), flexible corner radius styles (RoundedSM, RoundedMD, RoundedFull), and balanced padding.

True Alpha Blending: Transparent backgrounds rendered cleanly, fully compatible with dark panels and custom-colored sidebars.

100% Design-Time Safe: Optimized layout routines with protected CalculatePreferredSize implementation to eliminate infinite painting loops or IDE freezes when AutoSize is enabled.

Rich Component Set: 27 components ready to drag and drop from the Component Palette, complete with custom icons.

Native LCL Integration: Built-in support for BorderSpacing, Anchors, Align, and standard event handlers.

📦 Included Components (27 Controls)

Form & Controls: TTWLazUIButton, TTWLazUIEdit, TTWLazUICheckbox, TTWLazUIRadioButton, TTWLazUISwitch, TTWLazUIComboBox, TTWLazUIListBox, TTWLazUITrackBar

Containers & Layout: TTWLazUIPanel, TTWLazUICard, TTWLazUISidebar, TTWLazUISkeleton

Data & Presentation: TTWLazUILabel, TTWLazUIBadge, TTWLazUIAvatar (with auto-initials fallback), TTWLazUIStringGrid, TTWLazUILineChart (monotone cubic bezier with gradient fill)

Navigation & Steps: TTWLazUITabControl, TTWLazUIBreadcrumb, TTWLazUIAccordion, TTWLazUIStepper

Feedback & Indicators: TTWLazUIProgressBar, TTWLazUISpinner, TTWLazUIAlert, TTWLazUIToast, TTWLazUITooltip, TTWLazUIModalOverlay



Feedback, bug reports, and contributions are very welcome. Let me know what you think!

Best regards,


Link : https://github.com/CodeInPas/TWLazUI

« Last Edit: October 05, 2026, 04:45:27 pm by Inyong »

andreaboc

  • Newbie
  • Posts: 5
Re: TWLazUI - Modern Tailwind CSS-inspired UI Component Suite
« Reply #1 on: October 05, 2026, 05:26:40 pm »
What great work! Congratulations—I'll try out the components as soon as possible. Thank you!

Packs

  • Hero Member
  • *****
  • Posts: 513
Re: TWLazUI - Modern Tailwind CSS-inspired UI Component Suite
« Reply #2 on: October 06, 2026, 12:51:23 pm »
Really Great Work. I will try

 

TinyPortal © 2005-2018