worldbeater / Citrus.avalonia
Licence: mit
Modern styles for Avalonia controls.
Stars: β 161
Projects that are alternatives of or similar to Citrus.avalonia
Light dark toggle
An awesome flutter app which artistically animates light and dark mode π
Stars: β 175 (+8.7%)
Mutual labels: design, ui-design, ui-components
React Virgin
The react-native UI Kit you've been looking for.
Stars: β 1,523 (+845.96%)
Mutual labels: ui-design, ui-kit, ui-components
Metroset Ui
Windows Forms Metro Skin Style, Make The Applications With Metro Styles. see more https://n-a-r-w-i-n.github.io/MetroSet-UI/
Stars: β 228 (+41.61%)
Mutual labels: ui-design, ui-kit, ui-components
Css Mint
Lightweight and simple to use UI Kit. Fully responsive, just 3KB gzipped.
Stars: β 209 (+29.81%)
Mutual labels: ui-design, ui-kit, ui-components
Collectionviewslantedlayout
A CollectionView Layout displaying a slanted cells
Stars: β 2,029 (+1160.25%)
Mutual labels: ui-design, ui-kit, ui-components
Realtaiizor
C# WinForm UI/UX Component Library
Stars: β 109 (-32.3%)
Mutual labels: nuget, design, ui-design
Class101 Ui
π
A React-based UI Component Library.
Stars: β 102 (-36.65%)
Mutual labels: design, ui-kit, ui-components
Citrus.Avalonia
Modern styles for Avalonia controls.
Stars: β 326 (+102.48%)
Mutual labels: ui-design, nuget, ui-kit
Ui Libraries
A collection of UI Frameworks and their platform implementations.
Stars: β 769 (+377.64%)
Mutual labels: ui-design, ui-kit, ui-components
Daisyui
βοΈ βοΈ βοΈ βοΈ βοΈ βTailwind Components
Stars: β 382 (+137.27%)
Mutual labels: ui-design, ui-kit, ui-components
Vuetify
π Material Component Framework for Vue
Stars: β 33,085 (+20449.69%)
Mutual labels: ui-design, ui-kit, ui-components
Base
React-UI-Kit - frontend library with ReactJS components
Stars: β 18 (-88.82%)
Mutual labels: ui-design, ui-kit, ui-components
Patternfly Design
Use this repo to file all new feature or design change requests for the PatternFly project
Stars: β 82 (-49.07%)
Mutual labels: design, ui-design, ui-components
Lucide
Simply beautiful open source icons, community-sourced
Stars: β 105 (-34.78%)
Mutual labels: ui-design, ui-components
Pg Calendar
π beautiful and eidetic date picker
Stars: β 109 (-32.3%)
Mutual labels: design, ui-components
Truvisory
This project is meant to provide resources to users who want to access good LinkedIn posts which contains resources to learn any Technology, Design, Self-Branding, Motivation etc. You can visit project by:
Stars: β 116 (-27.95%)
Mutual labels: design, ui-design
Web Client
Generic Linked Data browser and UX component framework. Apache license.
Stars: β 105 (-34.78%)
Mutual labels: ui-kit, ui-components
Mobiscroll
Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)
Stars: β 1,510 (+837.89%)
Mutual labels: ui-kit, ui-components
React Ui Kits
A list of UI Kits available for React and React Native.
Stars: β 159 (-1.24%)
Mutual labels: ui-kit, ui-components
Atom Design
π¬ The mobile side UI-library base on Vue.js
Stars: β 120 (-25.47%)
Mutual labels: ui-design, ui-components
Citrus
Avalonia experimental theme.
Getting Started
The easiest way to get started is to install the library as a NuGet package:
Install-Package Citrus.Avalonia
# Or 'dotnet add package Citrus.Avalonia'
Then, reference the preffered theme from your App.xaml
file:
<Application xmlns="https://github.com/avaloniaui"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="YourNamespace.App">
<Application.Styles>
<!-- The line below is the only thing you need to get started.
Tested with Avalonia 0.9.0 only, although not with all controls. -->
<StyleInclude Source="avares://Citrus.Avalonia/Citrus.xaml"/>
<!-- To use other themes:
1. Comment out *all* of the <StyleInclude /> lines.
2. Uncomment *one* of the <StyleInclude /> lines below. -->
<!-- <StyleInclude Source="avares://Citrus.Avalonia/Sea.xaml"/> -->
<!-- <StyleInclude Source="avares://Citrus.Avalonia/Rust.xaml"/> -->
<!-- <StyleInclude Source="avares://Citrus.Avalonia/Candy.xaml"/> -->
<!-- <StyleInclude Source="avares://Citrus.Avalonia/Magma.xaml"/> -->
</Application.Styles>
</Application>
Done! Now the templates of all default controls are updated. See the sandbox project for more examples. See StyleManager.cs
to learn how to change color scheme at runtime.
Getting Started without NuGet
Another way to get started is to add this repo as a submodule to your existing git repository:
mkdir ./external
git submodule add [email protected]:worldbeater/Citrus.Avalonia.git ./external/citrus
# Reference the ../external/citrus/src/Citrus.Avalonia/Citrus.Avalonia.csproj project then.
# The ../external/citrus/src/Citrus.Avalonia.Sandbox/Citrus.Avalonia.Sandbox.csproj is
# the sandbox where you can browse the markup samples.
Technologies and Tools Used
- AvaloniaUI cross-platform XAML-based GUI framework
- ReactiveUI.Fody for MVVM implementation in the sandbox project
-
ReactiveUI.Validation for
INotifyDataErrorInfo
validations - JetBrains Rider cross-platform C# IDE
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].