> ## Documentation Index
> Fetch the complete documentation index at: https://filamentphp.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Overview
export const EditOnGitHub = ({version, path}) => {
const url = `https://github.com/filamentphp/filament/edit/${version}/${path}`;
return ;
};
export const Footer = () => {
const sponsorsByTier = JSON.parse(`{
"agency_partner": [
{
"name": "Kirschbaum",
"url": "https://kirschbaumdevelopment.com/solutions/filament-development",
"filename": "kirschbaum.svg"
}
],
"gold": [
{
"name": "Agiledrop",
"url": "https://www.agiledrop.com/laravel?utm_source=filament",
"filename": "agiledrop.svg"
},
{
"name": "Baiz.ai",
"url": "https://baiz.ai",
"filename": "baiz-ai.svg"
},
{
"name": "CMS Max",
"url": "https://cmsmax.com?ref=filamentphp.com",
"filename": "cms-max.svg"
},
{
"name": "Mailtrap",
"url": "https://mailtrap.io/email-sending?utm_source=community&utm_medium=referral&utm_campaign=filament",
"filename": "mailtrap.svg"
},
{
"name": "SerpApi",
"url": "https://serpapi.com/?utm_source=filamentphp",
"filename": "serpapi.svg"
}
]
}`);
function shuffleArray(items) {
const result = [...items];
for (let index = result.length - 1; index > 0; index--) {
const randomIndex = Math.floor(Math.random() * (index + 1));
[result[index], result[randomIndex]] = [result[randomIndex], result[index]];
}
return result;
}
const sponsors = Object.entries(sponsorsByTier).flatMap(([, sponsors]) => shuffleArray(sponsors));
return ;
};
## Introduction
Filament packages consume a set of core components that aim to provide a consistent and maintainable foundation for all interfaces. Some of these components are also available for use in your own applications and Filament plugins.
## Package components
The various packages in the Filament project can be used outside of a panel:
* [Action](./action)
* [Form](./form)
* [Infolist](./infolist)
* [Notifications](./notifications)
* [Schema](./schema)
* [Table](./table)
* [Widget](./widget)
## Blade components
Aside from the core packages, all Filament projects can also consume the Blade components that Filament uses internally:
* [Avatar](./avatar)
* [Badge](./badge)
* [Button](./button)
* [Breadcrumbs](./breadcrumbs)
* [Callout](./callout)
* [Checkbox](./checkbox)
* [Dropdown](./dropdown)
* [Empty state](./empty-state)
* [Fieldset](./fieldset)
* [Icon button](./icon-button)
* [Input](./input)
* [Input wrapper](./input-wrapper)
* [Link](./link)
* [Loading indicator](./loading-indicator)
* [Modal](./modal)
* [Pagination](./pagination)
* [Section](./section)
* [Select](./select)
* [Tabs](./tabs)
)}
Your logo here