Skip to main content

Welcome to JJArroyo JavaFX Theme

JJArroyo is a comprehensive JavaFX theme library that brings modern design patterns and beautiful UI components to your JavaFX applications. Inspired by the Metronic design system and Tailwind CSS concepts, it provides 47 professionally styled components with built-in dark mode support.

Key Features

47 Modern Components

Comprehensive set of UI components including buttons, inputs, cards, tables, and more

Tailwind-Inspired Design

Semantic color tokens and utility-first CSS approach adapted for JavaFX

Dark Mode Support

Built-in dark theme with automatic switching using CSS variables

Advanced Features

SQL editor with syntax highlighting, design canvas, and drag-and-drop components

What’s Included

The library provides everything you need to build beautiful JavaFX applications:
  • Form Controls: Inputs, text areas, selects, date pickers, checkboxes, radio buttons, switches, and sliders
  • Data Display: Tables, lists, cards, avatars, stat cards, and timelines
  • Navigation: Sidebar, breadcrumbs, pagination, tabs, and steppers
  • Feedback: Alerts, toasts, modals, popovers, progress bars, and skeleton loaders
  • Typography: Labels and paragraphs with consistent styling
  • Advanced Components: SQL editor, design canvas, and custom drag-and-drop fields

Quick Example

Get started with JJArroyo in just a few lines of code:
HelloWorld.java
import com.jjarroyo.JJArroyo;
import com.jjarroyo.components.JButton;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class HelloWorld extends Application {
    @Override
    public void start(Stage primaryStage) {
        // Create a button with primary style
        JButton button = new JButton("Click me!");
        button.setStyle("primary");
        
        VBox root = new VBox(button);
        Scene scene = new Scene(root, 400, 300);
        
        // Initialize the JJArroyo theme
        JJArroyo.init(scene);
        
        primaryStage.setScene(scene);
        primaryStage.show();
    }
    
    public static void main(String[] args) {
        launch(args);
    }
}

Why JJArroyo?

All components follow a cohesive design system with semantic color tokens, consistent spacing, and unified styling patterns. Build professional-looking applications without wrestling with CSS.
Inspired by modern web frameworks, JJArroyo brings contemporary design patterns to JavaFX. Components are built with responsiveness and user experience in mind.
Simple API with intuitive method names and comprehensive JavaDoc documentation. Initialize the theme with a single method call and start building immediately.
From basic buttons to advanced SQL editors, JJArroyo provides 47 components covering all common UI needs. No need to build everything from scratch.

Next Steps

Installation

Add JJArroyo to your JavaFX project

Quickstart

Build your first JJArroyo application in 5 minutes

Components

Browse the complete component library

API Reference

Explore detailed API documentation

Build docs developers (and LLMs) love