B4J Library [Web][SithasoDaisy5] - Create WebSites & WebApps with the power of the Abstract Designer (OpenSource)

Mashiane · Jan 14, 2025

DISCLAIMER - TO AVOID CONFUSION, THIS IS A NEW B4XLIB AND NOT SITHASODAISY 2, THIS IS OPEN-SOURCE, SITHASODAISY 2 IS NOT
PLEASE NOTE THAT ALL REFERENCES TO THIS B4XLIB WILL BE [SithasoDaisy5] OR [SDV5]

SithasoDaisy5 is a wrap of the MIT based DaiyUI TailwindCSS Component library to be used on top of BANano to bring you the best of worlds when creating your websites and webapps.

Why we chose DaisyUI...

Supercharges Tailwind CSS

DaisyUI takes the power of Tailwind and simplifies it with pre-built, customizable components. You get the best of both worlds: the utility-first approach of Tailwind and the rapid prototyping ability of a component library.

Ready-to-Use Components
With DaisyUI, you have access to a wide range of components like buttons, cards, modals, alerts, and more. These are pre-styled, responsive, and look amazing right out of the box.

Themeable by Design
DaisyUI makes theming effortless. Whether you’re building a light or dark mode, or customizing your brand's palette, DaisyUI supports themes with simple, intuitive configuration.

Customizable
Unlike rigid libraries, DaisyUI components are built with Tailwind classes, so you can easily tweak them to fit your exact design needs without fighting against predefined styles.

Developer-Friendly
Its intuitive syntax is easy to learn and integrate, even for teams new to Tailwind CSS. Plus, it's well-documented, making the development process smooth and hassle-free.

Lightweight & Performant
No unnecessary bloat. DaisyUI is lightweight, keeping your bundle sizes in check and your app’s performance top-notch.

Active Community and Regular Updates
Backed by a vibrant community and maintained actively, DaisyUI is always evolving with the latest best practices and features.

Why reinvent the wheel when you can save time, effort, and resources? With DaisyUI, you can build modern, responsive, and stunning web applications faster than ever.

Don’t just take our word for it—try it out today and experience the difference!, https://daisyui.com/

Now, using the b4j abstract designer, you can now enjoy all the DaisyUI functionality using your favorate IDE. You drag and drop components, set up properties and using LoadLayout, are able to see your UI in no time, just the way you designed it.

There is still a long way to go though before we finalize SDV5.

What's New?

1. SithasoDaisy5 is a NEW b4xlib and not an update to SithasoDaisy2.
2. SithasoDaisy5 is NOT backward compatible with SithasoDaisy2.
3. The component names start with SDUI5.
4. This b4xlib cannot be used in Production Apps as yet. Things might change and code cleanups will be done.
5. FontAwesome is no longer used, for icons one should use SVG icon files.
6. Supports both Abstract Designer & Code for building the UI. The abstract designer is a low code mode of creating your UI whilst writing code to create the UI can be cumbersome. To ease this one uses getters and setters. These getters and setters match 99% of the names used in the DaisyUI documentation.
7. Works well with the latest version of BANano i.e. 9+
8. SithasoDaisy5 is OPEN-SOURCE, compared to all the previous versions of SithasoDaisy. All previous versions of SithasoDaisy are commercial products.

Try the Demo (Open Source)

1. Download BANano
2. Download SithasoDaisy5. Copy the b4xlib to your b4j additional libraries folder.
3. Open and run the Demo project.

Have fun!

Here is a YT video...

Related Thread:

[Web] The Journey towards SithasoDaisy5, a [NEW] BANano b4xlib

Hi Fam Demo SithasoDaisy 2 is currently being maintained using TailwindCSS 3 and DaisyUI 2. When we finished wrapping up the b4x version, the DaisyUI team was working on DaisyUI 3. Currently DaisyUI4 is stable, however, updating our offering to version 4 meant rewriting some of the crucial...

www.b4x.com

[BANano] v2: (2) B4J Abstract Designer

DOWNLOAD THE LATEST VERSION OF BANANO: https://www.b4x.com/android/forum/threads/banano-progressive-web-app-library.99740/#post-627764 Check out part 1 of this tutorial here: https://www.b4x.com/android/forum/threads/banano-v2-b4j-abstract-designer-part-1.101531/#post-637557 INTRODUCTION Now...

www.b4x.com

Tutorials

[Web] Beginning WebApp/WebSite Development with SithasoDaisy5

Hi Fam Demo Open Source B4xLib https://www.b4x.com/android/forum/threads/web-sithasodaisy5-create-websites-webapps-with-the-power-of-the-abstract-designer-opensource.165095/#content Faster, cleaner, easier, Tailwind CSS development using the Abstract Designer & b4x code You want to develop...

www.b4x.com

Asking Questions

[Web][SithasoDaisy5] Questions & Answers

Hi Fam This thread is for asking any question related to SithasoDaisy5. When posting a question, please provide as much information as possible to reproduce your question especially when reporting a bug. Here is the template: SithasoDaisy5 Version Number (e.g. 5.23): Browser e.g Chrome: B4J...

www.b4x.com

PLEASE DO NOT ASK QUESTIONS ON THIS THREAD. WHEN YOU ASK QUESTIONS, PLEASE PREFIX YOUR QUESTION WITH [WEB][SITHASODAISY5]

Mashiane · Sep 28, 2025

Upcoming changes... Version 5.58

Bug Fixes

AvatarPlaceholder - was not displaying properly
Page Navigation buttons on Table stability
Table AddColumn??? now checks if table column was already added and if so stops executing.
Fixed an issue with the dividers on the table
Fixed the table size property and how it works
Fixed functionality to update table schema at run-time e.g. clear & recreate headers and data and toolbar buttons.
Fixed table footer adjustments.
Fixed color for toggle and checkbox - default is success
Fixed svgrender icon resizing to be in accordance with daisyui sizing of sm/md/lg/xl

New Features

AvatarPlaceholder Enhancements to use AvatarColor & Abbreviations, both on Table & as own component.
SetColumnVisibleOnly - hide all columns in a table but show the named ones in a list.
Latest DaisyUI 5.1.24 with latest version of TailwindCSS with bug fixes from Creators.
Table & Modal now includes Icon that one can place at left of title.
Modal now can be placed as an inline component (uses card)
Management of SelectAll / DeleteAll states now internal
Updates SVGRenderer javascript library.
Exploring ListViewMode where the table can be used as a Custom List View.*
Exploring Column Filters*
Enhanced how Table SetItemsPaginate works
Enhanced how Table ShowPage works
Enhanced how Table SetItems works
When adding columns, those with SetColumnHidden initially also remain hidden when you call table.RefreshColumnVisibility

Tip

When trapping RowChange event, instead of calling SetItemsPaginate, assign table.Originals to database.Result, when row data actually changed.

Here is example code for mouthing records from the database the bAfterChange when true means a rowChange was made, when false reload everything.

B4X:

Sub MountFields(bAfterChange As Boolean)
    dbFields.Initialize(Main.DBName, "fields")
    dbFields.SetSchemaFromDataModel(app.DataModels)
    dbFields.CLEAR_WHERE
    dbFields.whereEqual("projectid", Main.ProjectID)
    dbFields.whereEqual("tablename", Main.TableName)
    dbFields.orderBy(Array("proppos"))
    BANano.Await(dbFields.SELECT_WHERE1)
    If bAfterChange = False Then
        BANano.Await(tblFields.SetItemsPaginate(dbFields.result))
    Else
        tblFields.Originals = dbFields.result
    End If  
End Sub

To be continued...

Mashiane · Oct 14, 2025

SithasoDaisy 53.10 is out

The pleasure is always mine to do this.. So why the big jump from 5.58 to 53.10?

We wanted to be aligned with how DaisyUI releases their version. The current version of DaisyUI today is 5.3.1 with b4x we cant use such version numbers, thus 53.10.

This way we are able to track SithasoDaisy5 internals properly. We are continuously fixing bugs and making SithasoDaisy5 your first point of call for Web Development using BANano with ease of use and also just focusing on what needs to be done.

We have been busy working on the LowCode tool. This is not as mature fully as yet however the good thing now is that with it you are able to work on your own UI designs from your own concepts, above and beyond the standard CRUD template.

We explored the low code tool by first creating an address book and then looking into an inventory app. These were just exploratory tests to see what we can do.
We then added Excel report template generation, which means one can easily generate excel reports for their apps and customize them.

You can get the details of these projects here.

[Web][BANanoSQL] Offline First Relational Address Book created with SithasoDaisy5 Low Code Generator

Hi Fam Download Source Code Access the Address Book on Vercel SithasoDaisy5 Low Code Generator 🏗️ Building an Offline-First Address Book with SithasoDaisy5 Low-Code Power In today’s fast-paced world, we expect our apps to work anytime, anywhere — even offline. That’s why I recently built a...

www.b4x.com

[Web][SithasoDaisy5] LowCode - How to Build An Inventory Management WebApp (Products)

Hi Fam SithasoDaisy5 Low Code Generator This tutorial is inspired by @aeric post here... https://www.b4x.com/android/forum/threads/build-an-inventory-management-system-using-pakai-server-with-chatgpt.168756/ Please Note: The stack developed by Aeric follows a different approach to WebApp...

www.b4x.com

The official thread where the SithasoDaisy5 Low Code will be discussed is this one.

[Web][SithasoDaisy5] Low Code - A Source Code Generator for your Beautiful BANano WebApps

Hi Fam Experience it for yourself In 7 simple steps, you can have a running WebApp with CRUD functionalities... As the name says, SithasoDaisy5 Low Code is a tool to generate source code for your BANano based WebApps using SithasoDaisy5. This TOOL IS NOT FOR SALE OR FOR RESALE but for the...

www.b4x.com

You can also see how EASY one can build the base-layout that we have been using in most SithasoDaisy apps here.

So what's upcoming...

We plan to implement other back-ends to work with the Low Code generator. We will include PHP and also BANanoServer projects as we go along. You are welcome to send us word on what you would like to see. We are here to help you move forward.

Have fun!

SithasoDaisy5 Low Code Github Repo

Mashiane · Oct 20, 2025

SithasoDaisy5 Version 53.70 is out.

SithasoDaisy5 GitHub Repo

SithasoDaisy5 Low Code Generator GitHub Repo & App

What's New?

b4xtemplates are now available (a) SD5 Low Code BANanoSQL & (b) SD5 Low Code PocketBase. Copy them to your Additional Libraries Folder. The BANanoSQL example uses the BottomDrawer and RightDrawer. The PocketBase b4xtemplate comes embedded with PocketBase.
Updated FakeIT class for fake data generation
Updated SDUIWebSQL for working with IndexedDB
Updated the LowCode AddressBook BANanoSQL template and Example project to have Charts & Aligned with PocketBase version. The BANanoSQL Demo is accessible here.
The Low Code Examples have Charts, Excel Reporting Functionality and complete CRUD functionality.
Updated Low Code Generator
Bugs Fixes and some additional functionalities

Low Code Generator Training

Tour Guide

Dashboard Creation

Enjoy!

@Mashiane

Mashiane · Oct 26, 2025

Version 53.90 is out..

Download

What's new

1. DaisyUI version 5.3.9 is used. We have updated the main component library to the latest version of DaisyUI. It seems a lot of updates are coming out from the developer these days. Fortunately these dont create breaking changes.

2. NoSQL SDUICouchDB - a new class to support CouchDB & PouchDB (previously BANanoRelax) has been added with enhancement for Grouping Data. This helped us create the new CRUD project that is using offline first sync functionality to server project. This was very interesting and eye opening. This approach is useful when in areas where there is no internet connections and yet you want to perform your capturing and use your app offline.4

[Web][SithasoDaisy5] Low Code Generated CRUD WebApp using NoSQL CouchDB & PouchDB as Back-End (Offline Db with Sync to Server Functionality)

Hi Fam Download Complete Deployable Project (Source Included) To run this WebApp, you will need a webserver. We use Laragon for development. You will also need BANano You will also need SithasoDaisy5, get it from this GitHub Repo This app has been developed using SithasoDaisy5 Low Code...

www.b4x.com

3. A new video is out explaining the ins and outs of how the NoSQL project was created.

4. Updates b4xtemples to include all LowCode projects for you to bootstrap a CRUD project with the DB of your choice. SQL Server (PHP) is loading.

5. Source Code / Demo updated

#SharingTheGoodNess

Mashy (Reach our via DM should you need help / anything done)

Mashiane · Nov 13, 2025

Ohh wow... the full calendar has a plugin to show the whole year.

@fullcalendar/multimonth CDN by jsDelivr - A CDN for npm and GitHub

A free, fast, and reliable CDN for @fullcalendar/multimonth. Display a sequence or grid of multiple months

www.jsdelivr.com

Mashiane · Dec 1, 2025

SithasoDaisy 5 (55.50) is out.

Based on DaisyUI 5.5.5.
Fixed Carousel Bugs and enhanced it

View attachment 168667

New Component SDUI5SithasoApex

[Web] SithasoApex - ApexCharts with Minimal Code

Hi Fam Github Repo I've had my eye on this ApexCharts Charting Framework for a while as it has some of the most beautiful and easy to use charts. However, after being impressed with how simple ChartKick is (a chart with a simple line of code), I wanted something similar. So here is the plan...

www.b4x.com

Enhanced SithasoDaisy5 Low Code with updates and bug fixes

[Web][SithasoDaisy5] Low Code - A Source Code Generator for your Beautiful BANano WebApps

Hi Fam Experience it for yourself In 7 simple steps, you can have a running WebApp with CRUD functionalities... As the name says, SithasoDaisy5 Low Code is a tool to generate source code for your BANano based WebApps using SithasoDaisy5. This TOOL IS NOT FOR SALE OR FOR RESALE but for the...

www.b4x.com

Supports use of GoogleSheetsAPI for back-end functionality

[Web][SithasoGoogleSheetsAPI] - Replace Traditional Back Ends with Google Sheets

Hi Fam! NB: Please note the technology discussed here can be used in JavaScript & also in BANano Projects. After a couple of days of planning and building SithasoGoogleSheetsAPI, its finally here. The Hidden Power of Google Sheets as a Database Imagine building full-stack web applications...

www.b4x.com

Multiple Select Component

[Web] Multi-Select Web Component

Hi Fam So we now have a multi-select web component that uses CheckBoxes to select items. https://github.com/Mashiane/DaisyUI-MultiSelect-with-CheckBoxes A fully-featured, accessible multi-select dropdown component built with DaisyUI and Tailwind CSS. This custom web component provides a...

www.b4x.com

OTP Component

[Web] OTP Web Component

Hi Fam https://github.com/Mashiane/DaisyUI---OTP A lightweight, customizable OTP (One-Time Password) input component built as a native Web Component. Perfect for implementing verification codes, PINs, and secure authentication flows. ✨ Features 🎯 Native Web Component - Framework agnostic...

www.b4x.com

Font Awesome Picker (used maily with SithasoDaisyLowCode Tool)

[Web] Font Awesome Icon Picker Web Component (Single/Multiple Selection Mode with SVG Download Functionality)

Hi Fam Github Repo This component is now being used by the SithasoDaisy5 LowCode Generator for one to choose icons easily Font Awesome Picker (Vanilla Web Component) This is a lightweight, dependency-free vanilla JavaScript web component for searching and selecting Font Awesome icons...

www.b4x.com

#SharingTheGoodness

Mashiane · Dec 11, 2025

Upcoming Updates

Hover 3D

Tailwind Hover 3D Card Component – daisyUI

Tailwind Hover 3D Card examples: Hover 3D is a wrapper component that adds a 3D hover effect to its content. When we hover over the component, it tilts

daisyui.com

We have made a SDUI5BankCard component that can be used to show bank cards.

Mashiane · Dec 11, 2025

Upcoming Updates

Ability to change your app theme. 35 themes are available. An example has been added to the demo that demonstrates how to use the Theme Controller to change your themes.

B4X:

' DaisyUI Themes
Public Const THEME_LIGHT As String = "light"
Public Const THEME_DARK As String = "dark"
Public Const THEME_CUPCAKE As String = "cupcake"
Public Const THEME_BUMBLEBEE As String = "bumblebee"
Public Const THEME_EMERALD As String = "emerald"
Public Const THEME_CORPORATE As String = "corporate"
Public Const THEME_SYNTHWAVE As String = "synthwave"
Public Const THEME_RETRO As String = "retro"
Public Const THEME_CYBERPUNK As String = "cyberpunk"
Public Const THEME_VALENTINE As String = "valentine"
Public Const THEME_HALLOWEEN As String = "halloween"
Public Const THEME_GARDEN As String = "garden"
Public Const THEME_FOREST As String = "forest"
Public Const THEME_AQUA As String = "aqua"
Public Const THEME_LOFI As String = "lofi"
Public Const THEME_PASTEL As String = "pastel"
Public Const THEME_FANTASY As String = "fantasy"
Public Const THEME_WIREFRAME As String = "wireframe"
Public Const THEME_BLACK As String = "black"
Public Const THEME_LUXURY As String = "luxury"
Public Const THEME_DRACULA As String = "dracula"
Public Const THEME_CMYK As String = "cmyk"
Public Const THEME_AUTUMN As String = "autumn"
Public Const THEME_BUSINESS As String = "business"
Public Const THEME_ACID As String = "acid"
Public Const THEME_LEMONADE As String = "lemonade"
Public Const THEME_NIGHT As String = "night"
Public Const THEME_COFFEE As String = "coffee"
Public Const THEME_WINTER As String = "winter"
Public Const THEME_DIM As String = "dim"
Public Const THEME_NORD As String = "nord"
Public Const THEME_SUNSET As String = "sunset"
Public Const THEME_CARAMELLATTE As String = "caramellatte"
Public Const THEME_ABYSS As String = "abyss"
Public Const THEME_SILK As String = "silk"

Mashiane · Dec 18, 2025

SithasoDaisy 55.58 is out..

What's New?

1. Hover 3D Card
2. Theme Controller
3. Gender Chart
4. Apex Charts
5. Devices (Updated)
6. Minor bug fixes & enhancements

Mashiane · Jan 29, 2026

Greetings

Here is the latest Heads Up about SithasoDaisy5

SithasoDaisy5 has been updated, our latest version is 55.85
Our dev webserver of choice is Laragon, you dont have to be a technical guru to use it.
Our tools support PocketBase, CouchBase, IndexedDB (BANanoSQL), MySQL (Php REST API) and BANanoServer (jetty/jServer)
PocketBase that you can use is 0.22.38
The SD5 LowCode MySQLREST.b4xtemplate has been updated to allow dynamic database connectivity. We have updated the Low Code Examples Folder too to have the complete source code of the AddressBook WebApp
api.php and SecureQueryController.php has been updated to fix bugs. These are for the PHP-CRUD-API functionality.

#SharingTheGoodness

Mashiane · Feb 11, 2026

Mashiane · Feb 17, 2026

SithasoDaisy 55.88 is out.

1. New SithasoDaisy5Demo Code - this features a demo app for those who are non abstract designer users.

[Web] SithasoDaisy5 Demo (Code Only Version) - For Non Abstract Designer Users

Hi Fam Experience on Vercel Download Code The first draft of the SithasoDaisy5 Demo Code Only Version is out. This demo has been built with code only and does not need abstract designer layouts to work. Why did we also consider this approach? We have recognized that some developers prefer to...

www.b4x.com

This helps anyone who writes code can create apps by just writing code and not use an abstract designer. We ported all the layouts to actual code with 100% parity.

This has been added and is part of the Source Code on the report

Experience it on Vercel

NB: There are a few layouts in the "code" demo due to BANano.LoadLayoutArray, others are related to the whatsapp component that are embedded into the SithasoDaisy5.b4xlib. These can be removed if not needed from your project.

2. Enhancements and some bug fixes.

B4J Library [Web][SithasoDaisy5] - Create WebSites & WebApps with the power of the Abstract Designer (OpenSource)

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency