next-drupal VS lucide

Shadcn UI is not actually a component library or UI framework. Instead, according to the documentation, it is “a collection of reusable components that we can copy and paste into our apps.” This reusable component collection was created by Shadcn, who has also created great open source projects like Taxonomy, Next.js for Drupal, and Reflexjs.

Hi! I think next-drupal (https://next-drupal.org/) at the moment looks like the most promising unifying way of getting a headless drupal site up in a short time.

Check out https://next-drupal.org

I started from this guide: https://next-drupal.org/

Here is the project home page, https://next-drupal.org

Also based on React, Drupal Next uses Next.js, as the name implies.

The future of Drupal is headless

You should have a look at https://next-drupal.org/ - good starting point for going headless. Related to drupal core you'll also find some initiatives for decoupling "stuff" ;), e.g. https://www.drupal.org/project/decoupled\_menus\_initiative

Here's my result, thanks again! Turns out yes you can put emoji in the file name. Haven't figured out a way to use SVG icons which would have been nice but I'll keep at it, and this is stellar anyway.

Where --callout-color is the RGB value and --callout-icon is anything you pick from https://lucide.dev/

The theme editor’s interface allows you to configure themes for properties such as color, border radius, and mode (light or dark). You can also choose between two styles: default and new-york. The styles have unique components, animations, icons, and more. The default style has larger input fields and uses lucide-react icons and tailwindcss-animate for animations. The new-york style has smaller buttons, cards with shadows, and uses Radix Icons.

There's no first-class Lucide integration for Astro. But making a custom one isn't too hard.

for icons i'm using iconify (https://iconify.design/docs/icon-components/svelte/), but I'm looking forward svelte-icons (https://svelte-icons.vercel.app/) and lucide.dev looks as well

import type { FC } from "react"; import { useState } from "react"; const Menu: FC = function Menu() { const [open, setOpen] = useState(false); const handleClick = () => { setOpen(!open); }; // icons by Lucide: https://lucide.dev/ return (

{open ? ( path> svg> ) : ( path> svg> )} button>

• Homea> li>
• Abouta> li> ul> nav> div> ); }; export default Menu;

I copied this from the Obsidian help page. I saved this into the snippet folder, refreshed it, and toggle the snippet on in the settings menu. "Lucide-folder-clock" is referencing these icons.