Getting Started

Welcome to JavaFX Mastery Hub! This comprehensive guide will help you get started with our 60+ JavaFX projects.

What You'll Find Here

  • 60+ Complete Projects: From beginner-friendly calculators to advanced networking applications
  • 35+ Video Tutorials: HD video walkthroughs for each project
  • Source Code: Full, commented source code for all projects
  • 14 Categories: Projects organized by type and complexity
New to JavaFX?

Start with our Beginner Learning Path which includes 12 foundational projects covering basics, layouts, and styling.

Installation Requirements

Prerequisites

  • Java Development Kit (JDK): JDK 8 or higher
  • NetBeans IDE: Version 8.2 (all projects developed with 8.2)
  • JavaFX SDK: Included with JDK 8, or JavaFX 11+ for JDK 11+

Step 1: Install Java JDK

# Verify Java installation java -version # Expected output: java version "11.0.x" or higher

Download JDK from: Oracle JDK Downloads

Step 2: Install NetBeans IDE

All projects were developed using NetBeans 8.2. You can use 8.2 or any newer version.

Download NetBeans from: Apache NetBeans

  • Choose "Java SE" or "All" bundle
  • Follow installation wizard
  • Configure JDK path during setup

Step 3: Setup JavaFX (for JDK 11+)

Important:

JavaFX was removed from JDK 11+. You need to download it separately from Gluon.

Project Structure

JavaFX-Projects/ ├── Web_Applications/ │ ├── GoogleFont_V001/ │ ├── Web_v0012/ │ └── ... ├── Gallery_Projects/ │ ├── Gallery_v001/ │ ├── Gallery_v002/ │ └── ... ├── Games/ │ ├── Quiz_v005/ │ ├── Game_v002/ │ └── ... ├── Calculators/ │ ├── Calculator_v001/ │ └── ... └── Advanced_Projects/ ├── Networking_v001/ └── ...

Typical Project Structure

Project_Name/ ├── src/ │ └── package/ │ ├── MainClass.java # Entry point │ ├── UIComponents.java # UI coded programmatically │ └── resources/ │ ├── styles.css # CSS styling │ └── images/ # Images/assets ├── dist/ # Compiled JAR ├── build/ # Build files └── nbproject/ # NetBeans config

Setup NetBeans for JavaFX

1

Configure JavaFX Library

  • Open NetBeans → Tools → Libraries
  • Click "New Library" → Name it "JavaFX"
  • Add Classpath: Browse to JavaFX lib folder, select all .jar files
  • Add Sources: Browse to JavaFX src.zip (optional)
2

Open Existing Project

  • File → Open Project
  • Navigate to project folder
  • Select the project and click "Open"
  • NetBeans will recognize it as a Java project
3

Add JavaFX Library (if needed)

  • Right-click project → Properties
  • Libraries → Add Library → JavaFX
  • Click OK to save

Running Projects

Method 1: Run from NetBeans

1

Open the project in NetBeans

2

Right-click project → Clean and Build

3

Press F6 or click Run → Run Project

Method 2: Run JAR File

# Navigate to project dist folder cd Project_Name/dist # Run the JAR file java -jar Project_Name.jar
Pro Tip:

Most projects include pre-built JAR files in the dist/ folder. You can run them directly without opening NetBeans!

Project Categories

Web Applications

12 projects

CSS styling, button effects, typography, and web-inspired JavaFX interfaces

Gallery & Images

8 projects

Image viewers, galleries, photo manipulation, and visual effects

Games

6 projects

Quiz games, interactive games, and game mechanics

Calculators

5 projects

Standard calculators, scientific calculators, and specialized computation tools

Utilities

7 projects

Practical tools, converters, and everyday utility applications

Networking

4 projects

Client-server applications, socket programming, and network communication

Learning Paths

Beginner Path (4-6 weeks)

Prerequisites: Basic Java knowledge (variables, loops, methods, OOP)

What You'll Learn:

  • JavaFX basics and scene graph
  • Layout management (VBox, HBox, GridPane, BorderPane)
  • Basic controls (Button, Label, TextField, etc.)
  • Event handling and user interactions
  • Basic CSS styling

Recommended Projects:

Calculator_v001 → Login_v001 → Todo_v001 → Weather_v001

Intermediate Path (6-8 weeks)

Prerequisites: Completed Beginner Path or equivalent experience

What You'll Learn:

  • Advanced CSS and animations
  • Programmatic UI construction
  • Multi-stage applications
  • TableView and ListView
  • Custom controls and components
  • File I/O operations

Recommended Projects:

GoogleFont_V001 → Gallery_v002 → Quiz_v005 → Project_v015

Advanced Path (8-12 weeks)

Prerequisites: Completed Intermediate Path and strong Java foundation

What You'll Learn:

  • Networking and socket programming
  • Multithreading and concurrency
  • Database integration
  • Advanced animations and effects
  • Performance optimization
  • Building complex applications

Recommended Projects:

Networking_v001 → Chat_v001 → Advanced_Gallery → Complex_Dashboard

Troubleshooting

Error: "JavaFX runtime components are missing"

Solution:

  • Add JavaFX library to project (see Setup section)
  • Add VM options: --module-path /path/to/javafx-sdk/lib --add-modules javafx.controls
  • Or use JDK 8 which includes JavaFX by default

Project won't open in NetBeans

Solution:

  • Check if NetBeans version is compatible
  • Delete build/ and dist/ folders, then rebuild
  • Clean NetBeans cache: Help → About → Click location link → Delete cache folder

CSS styles not applying

Solution:

  • Verify CSS file path is correct
  • Use getClass().getResource("styles.css").toExternalForm()
  • Check for CSS syntax errors
  • Clean and rebuild project

Images not loading

Solution:

  • Ensure images are in resources folder
  • Use correct path: getClass().getResource("/images/icon.png")
  • Check image file extensions (case-sensitive on Linux)
  • Verify images are included in JAR build

Frequently Asked Questions

Are all projects free to use?

Yes! All project source code is available on GitHub. Some video tutorials are premium content, but the code is 100% free.

Can I use these projects in my portfolio?

Absolutely! You're encouraged to modify, enhance, and showcase these projects. We only ask that you credit JavaFX Mastery Hub.

Which JDK version should I use?

We recommend JDK 11 or JDK 17 (LTS versions). Most projects are compatible with JDK 8-17. For JDK 11+, you'll need to add JavaFX separately.

Are the UIs built with FXML or code?

All UIs are built programmatically using pure Java code. This gives you complete control and helps you understand JavaFX fundamentals without relying on visual builders.

Can I use these projects for commercial purposes?

Yes, you can use and modify these projects for commercial applications. Check the LICENSE file on GitHub for specific terms.

How often are new projects added?

We add new projects regularly! Follow us on GitHub and YouTube for updates on new releases.

I'm stuck on a project. Where can I get help?

Check the video tutorial for the project, review the troubleshooting section, or reach out through our GitHub issues page.

Can I contribute to the project library?

Yes! We welcome contributions. Fork the repository, create your project following our structure, and submit a pull request.

Need More Help?

Can't find what you're looking for? Check out our video tutorials, or reach out through GitHub issues.

Start typing to search...