> For the complete documentation index, see [llms.txt](https://docs.lightningrails.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lightningrails.com/ui-components/features.md).

# Features

All the components pre-built in LightningRails for Features showcase sections - Design from DaisyUI, HyperUI or custom

<figure><img src="https://2221554152-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPCf6vtFuZEPHXJd7JfIe%2Fuploads%2FALqvWzZpdURCwx363uY3%2FScreenshot%202024-09-12%20at%2011.47.38.png?alt=media&amp;token=3c9c9b69-370c-4e87-9d44-f47911fe18e4" alt=""><figcaption><p>Left title and a grid with SVG's and descriptions of all the features</p></figcaption></figure>

To add this design to your page, add the following line:

```
<%= render "components/features_grid" %>
```

{% hint style="info" %}
**Pro Tip:** If you want to change the SVG icons, [checkout Lucile.dev icon's library](/features-setup/lucide-icons.md), built-in Lightning Rails by default.
{% endhint %}