fullcalendar VS daisyui

10. full-calendar

I combed through the assorted google results and found a promising looking solution called FullCalendar. It advertises itself as working with React, Vue, Angular, or just plain javascript. For today's post, we are going to be looking at their vanilla-javascript, 100% framework agnostic solution.

``` { "name": "pantheon-upstreams/drupal-project", "description": "Install Drupal 9 with Composer on Pantheon.", "type": "project", "license": "MIT", "repositories": [ { "type": "composer", "url": "https://packages.drupal.org/8" }, { "type": "package", "package": { "name": "fullcalendar/fullcalendar", "version": "4.4.0", "type": "drupal-library", "dist": { "url": "https://github.com/fullcalendar/fullcalendar/releases/download/v4.4.0/fullcalendar-4.4.0.zip", "type": "zip" } } }, { "type": "package", "package": { "name": "fullcalendar/fullcalendar-scheduler", "version": "4.4.0", "type": "drupal-library", "dist": { "url": "https://github.com/fullcalendar/fullcalendar-scheduler/releases/download/v4.4.0/fullcalendar-scheduler-4.4.0.zip", "type": "zip" } } }, { "type": "path", "url": "upstream-configuration" } ], "require": { "drupal/adminimal_admin_toolbar": "1.11", "drupal/adminimal_theme": "1.6", "drupal/devel": "4.1", "drupal/feeds": "[email protected]", "drupal/feeds_ex": "[email protected]", "drupal/fullcalendar": "2.0", "drupal/json_feed": "1.2", "drupal/link_attributes": "1.11", "drupal/metatag": "1.16", "drupal/responsive_menus": "[email protected]", "drupal/taxonomy_bulk_actions": "1.0", "drupal/taxonomy_import": "2.0", "drupal/twig_field_value": "2.0", "drupal/twig_tweak": "3.1", "drupal/twig_vardumper": "3.0", "drupal/views_bulk_operations": "4.0", "drupal/webform": "6.0", "drupal/xmlsitemap": "1.0", "drush/drush": "10", "fullcalendar/fullcalendar": "4.4.0", "pantheon-upstreams/upstream-configuration": "" }, "conflict": { "drupal/drupal": "" }, "minimum-stability": "dev", "prefer-stable": true, "extra": { "installer-paths": { "web/core": [ "type:drupal-core" ], "web/libraries/{$name}": [ "type:drupal-library" ], "web/modules/composer/{$name}": [ "type:drupal-module" ], "web/profiles/composer/{$name}": [ "type:drupal-profile" ], "web/themes/composer/{$name}": [ "type:drupal-theme" ], "drush/Commands/contrib/{$name}": [ "type:drupal-drush" ], "web/private/scripts/quicksilver/{$name}/": [ "type:quicksilver-script" ] }, "composer-exit-on-patch-failure": true, "patchLevel": { "drupal/core": "-p2" }, "drupal-scaffold": { "allowed-packages": [ "pantheon-systems/drupal-integrations" ], "locations": { "web-root": "./web" }, "file-mapping": { "[project-root]/.editorconfig": false, "[project-root]/pantheon.upstream.yml": false, "[project-root]/.gitattributes": false, "[web-root]/sites/development.services.yml": false } } }, "config": { "preferred-install": "dist", "sort-packages": true, "platform": { "php": "7.4" } } }

vue-full-calendar - A complete fullcalendar.io wrapper for both Vue 1 and 2

https://daisyui.com/ on top of Tailwind gives the component feel of Bootstrap while giving the flexibility of Tailwind.

5. DaisyUI

https://daisyui.com/ (Built upon Tailwind)

Usually, one of the first things I do on creating a new web app is to throw a UI library in to help style components. There are several UI libraries that can be used by Svelte, but in this case I went with daisyUI because it's a fairly popular UI library which includes tailwind. To install daisyUI, you first need to install tailwind. There's a few different ways to do this (such as this guide), but the easiest way I've found is the following command, which also adds PostCSS and AutoPrefixer:

And as an extension to that, daisyui

Really cool, I started using https://daisyui.com/ for tailwind components with next js. Easy to set up.

You should checkout https://daisyui.com it looks really good ans its super easy to use

I use daisyUI (https://daisyui.com). Since it’s based off of Tailwind I can easily customize what I want but still get a good chunk of UI components for free.

Personally I feel like TailwindUI is a missed opportunity.

Their opposition to abstracted utility classes means that anything you want to do has incredibly long, unreadable classes. Its quite a bit of work to abstract away the bits that you want.

https://daisyui.com is my absolute sweet spot for abstraction. Its a bit limited, especially compared to TwUI and flowbite but its developer experience is a joy.