# Core components

****

With a plugin you can replace selected core components with your own implementation to modify their behaviour:

<nav class="auto-fill mb-12 text-sm" style="--min: 20rem; --gap: var(--spacing-1)">
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/css" style="text-decoration: none">
		<strong class="block">CSS URLs</strong>
		Used by the css() helper	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/email" style="text-decoration: none">
		<strong class="block">Email</strong>
		Add your own email provider	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/file-urls" style="text-decoration: none">
		<strong class="block">File URLs</strong>
		Modify URLs for file objects	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/file-version" style="text-decoration: none">
		<strong class="block">File versions</strong>
		Adapt file characteristics	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/js" style="text-decoration: none">
		<strong class="block">JavaScript URLs</strong>
		Used by the js() helper	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/markdown" style="text-decoration: none">
		<strong class="block">Markdown parser</strong>
		Add your own Markdown parser	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/search" style="text-decoration: none">
		<strong class="block">Search</strong>
		Add your own search engine	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/smartypants" style="text-decoration: none">
		<strong class="block">SmartyPants parser</strong>
		Add your own SmartyPants parser	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/snippet" style="text-decoration: none">
		<strong class="block">Snippets</strong>
		Add your own snippet loader	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/storage" style="text-decoration: none">
		<strong class="block">Storage</strong>
		Create a new storage object for the given model	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/template" style="text-decoration: none">
		<strong class="block">Templates</strong>
		Add your own template engine	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/thumb" style="text-decoration: none">
		<strong class="block">Thumbs</strong>
		Add your own thumb generator	</a>
		<a class="block p-3 bg-light" href="https://getkirby.com/docs/reference/plugins/components/url" style="text-decoration: none">
		<strong class="block">URLs</strong>
		Modify all URLs	</a>
	</nav>