All Projects β†’ worldbeater β†’ Citrus.avalonia

worldbeater / Citrus.avalonia

Licence: mit
Modern styles for Avalonia controls.

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

Build Status netstandard nuget downloads License Size

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

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].