Skip to content

Codrut Fluent Design Systen, a suite of components made to mimic the Interface of Windows 11, the Fluent Design System, This is not to be confused with CodrutsVisualLibrary, as that is ajust a suite of independent components

Notifications You must be signed in to change notification settings

Codrax/Codrut-Fluent-Design-System

Repository files navigation

Codrut-Fluent-Design-System

Codrut Fluent Design System is a suite of components made to mimic the Interface of Windows 11, the Fluent Design System, This is not to be confused with CodrutsVisualLibrary, as that is ajust a suite of independent components

Notice: Under Construction!!!

The component package is not at a state where it can be considered finished without encountering bugs. This package is still in its Alpha Stage.

Components

  • Minimise Panel, a Panel that is able to minimise itself with a optional animation, works best with DoubleBuffered and for more panels, use Align.alTop
  • Panel, a TPanel component with inproved features and the ability to sync to the System Color Theme
  • Button, a powerfull button in the Fluent Design style, customizable with custom colors, shapes, button types, long presses, 2-states, checkable, dropdown, and more. It can also be aligned Vertically and Horizontalle, and the Icon as well
  • ButtonDesign, a very customizable and advanced button from CodrutsVisualLibrary with inproved features, can be styled multiple ways, icon support, gradient, accent color sync, align, subtext, automatic font sizing and more
  • Radio Button, a radio button component with multiple aligmnets
  • Scrollbar, a simple scrollbar that minimised itself to a line when not in use
  • Scrollbox, a modern scrollbox that uses the modern scrollbars
  • Selector, a component which allows to select between multiple options with a animation when switching
  • Checkbox, a animated checkbox that supports 3 states
  • Edit Box, a flue edit box with vertical alignment support
  • Standard icon, a drawable TGraphicControl icon component that has multiple icons
  • IconV iew, a simple icon view control that relies on the FXIcon class for drawing & storing. Very lightweight
  • Slider, a slider with tick support, hint previews and more features
  • Blur Material, a acrilic blur box that can be drawn from the wallaper or a screenshot of the screen. Great for Windows Fluent Design System like apps
  • Popup Menu, it supports (FXIconSelect) icons and can have multiple sub-menus, It used a acrylic effect for the background with a accent colored border. It also has Checkable items, Radio Items, separators and as mentioned before, It can go infinite layers deep
  • Text Box, a simple Label-Like component with more features. It also has a few components dependent on the base class
  • Animated Text Box, a label box with the ability to animate from a TStringList of values
  • Scroll Text, a box with scrolling text. The fade size, fade width and animation speed can be adjusted
  • Progress Bar, a simple animated progress bar with 4 different styles
  • ImageList, a work-in-progress component that can hold images

Apps made with CodrutFluentDesignSystem

Image Gallery

The following images are ALPHA versions of the component suite, the components are expected to change in the future. Screenshot 2023-09-25 210750 Screenshot 2023-07-25 103550 ezgif com-video-to-gif(1) Screenshot 2023-06-29 185725 ezgif com-optimize Screenshot_7 Screenshot 2023-04-07 200816 Screenshot 2023-06-27 213121 Screenshot 2023-10-04 201114 Screenshot 2023-06-27 212832

About

Codrut Fluent Design Systen, a suite of components made to mimic the Interface of Windows 11, the Fluent Design System, This is not to be confused with CodrutsVisualLibrary, as that is ajust a suite of independent components

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages