Tools & Websites

Lucide is an open-source SVG icon library for websites, applications and design work. Its consistent outline style makes it useful for navigation, toolbars, forms and small interface actions. This resource links to the official icon collection and documentation so you can find symbols that fit the job rather than drawing every icon from scratch. When choosing a set, compare related actions together: search, filtering, copying and downloading should be easy to distinguish at the sizes used in your interface. Keep icon sizing and stroke treatment consistent, and pair unfamiliar symbols with visible text. Icon-only controls still need accessible names in the application. Lucide offers framework packages, including React, as well as SVG assets. Open the official site to browse the collection and check the integration instructions for your project. The icons used throughout Formwerk provide examples of how the style works alongside shadcn/ui components.

shadcn/ui provides open-source UI components whose source code can be added to your project and customized directly. This resource links to the official site, where you can explore components, installation guidance and theming. It is also the foundation used for the controls and layouts in this library. Start here when you need a consistent set of buttons, forms, cards, tabs, dialogs or navigation elements for a React interface. Working with the component source makes it possible to adjust styling and behavior within your own codebase. For example, a dashboard can combine a sidebar, project cards and a dialog while keeping their visual language consistent. Use the official documentation for setup and component-specific guidance. For an example of how the pieces fit together, browse the interactive components and page layouts in Formwerk, then compare their previews with the downloadable source files.