# Awesome LWC Collection

> Ready-to-use Lightning Web Components

A curated, battle-tested set of Lightning Web Components to drop into your SFDX project - each with unit tests, accessibility checks and docs.

## Table of Contents

### Data & Tables

- [Custom Datatable](https://svierk.github.io/awesome-lwc-collection/components/customDatatable.md): A basic custom datatable with different configuration options.
- [GraphQL Datatable](https://svierk.github.io/awesome-lwc-collection/components/graphqlDatatable.md): A custom datatable powered by the GraphQL wire adapter (lightning/graphql) instead of Apex.
- [CSV Importer](https://svierk.github.io/awesome-lwc-collection/components/csvImporter.md): Imports CSV files into Salesforce in steps: the file is read and previewed, its columns are mapped to the fields of an object, the rows are checked against these fields, and then inserted or upserted.
- [Multi Select Combobox](https://svierk.github.io/awesome-lwc-collection/components/multiSelectCombobox.md): Combobox with different configuration options that also supports multi select.

### Files & Documents

- [Base64 To PDF](https://svierk.github.io/awesome-lwc-collection/components/base64ToPdf.md): A simple utility for Base64 encoded strings to decode and download them as PDF file.
- [Content Document Table](https://svierk.github.io/awesome-lwc-collection/components/contentDocumentTable.md): A generic table to show shared documents from a Salesforce Files library.
- [Visualforce To PDF](https://svierk.github.io/awesome-lwc-collection/components/visualforceToPdf.md): A simple utility for displaying Visualforce based PDF documents.

### Maps & Charts

- [Custom Map View](https://svierk.github.io/awesome-lwc-collection/components/customMapView.md): Configurable map component for displaying locations via Google Maps API.
- [GraphQL Map View](https://svierk.github.io/awesome-lwc-collection/components/graphqlMapView.md): Configurable map component for displaying locations via Google Maps API using LWC GraphQL Wire Adapter.
- [Org Chart Viewer](https://svierk.github.io/awesome-lwc-collection/components/orgChartViewer.md): An interactive organization chart with search, expand/collapse and PNG export, powered by the d3-org-chart library. It loads the records of any object with a parent field itself, e.g. users and their managers, takes your own hierarchy via the records attribute, or shows a small demo dataset.
- [Render 3D Elements](https://svierk.github.io/awesome-lwc-collection/components/render3DElementsThreeJS.md): A 3D viewer for glTF and GLB models using Three.js. Without a model, it shows a rotating crate.

### Media & Input

- [Signature Pad](https://svierk.github.io/awesome-lwc-collection/components/signaturePad.md): A canvas-based signature capture component with mouse and touch support. Works on desktop and mobile devices without any external libraries.
- [Take User Profile Picture](https://svierk.github.io/awesome-lwc-collection/components/takeUserProfilePicture.md): A simple component that makes use of the Media Capture and Streams API to allow Salesforce users to take a new photo with their device's camera and use it to update their personal user profile.
- [Camera Capture](https://svierk.github.io/awesome-lwc-collection/components/cameraCapture.md): A live camera view that takes photos with the Media Capture and Streams API, to build into your own components.
- [QR Code Generator](https://svierk.github.io/awesome-lwc-collection/components/qrCodeGenerator.md): A basic QR Code Generator with optional logo overlay using the external QRCode.js library.
- [Custom Carousel](https://svierk.github.io/awesome-lwc-collection/components/customCarousel.md): A simple custom carousel with different configuration options.
- [Drag & Drop](https://svierk.github.io/awesome-lwc-collection/components/dragAndDrop.md): A drag and drop building block based on the HTML Drag and Drop API.

### Fundamentals & Integration

- [iFrame](https://svierk.github.io/awesome-lwc-collection/components/iFrame.md): A custom iFrame component with different configuration options.
- [Open Record Page Flow Action](https://svierk.github.io/awesome-lwc-collection/components/openRecordPageFlowAction.md): Component to forward to a record page from flow.