Skip to content
formwerk
Toggle Sidebar
All resources
Components
Page layouts
Fonts
Color palettes
Tools & Websites
Inspiration
Files
Collections
Color & identity
3
Creative Workflow
3
Interface Essentials
4
Guide & agents
Admin sign-in
Public view
Toggle Sidebar
Resource library
Quick search
K
Tools & Websites
Links, components, fonts and inspiration in one place.
All
Components
Layouts
Color palettes
Tools
Fonts
Search resources
Apply
2 entries
Reset filters
lucide.dev
Website
Lucide Icons
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.
Icons
SVG
Open Source
ui.shadcn.com
Website
shadcn/ui
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.
UI
React
Open Source