Free Grant Widget
Embed a live federal grant feed on any website. No signup, no API key, no cost. Just copy one HTML snippet and paste it into your page.
Quick Start
Copy this snippet and paste it anywhere in your HTML:
index.html
1<div data-grantarchive-widget data-limit="5" data-theme="light"></div>2<script src="https://grantarchive.com/widget/grant-widget.js" async></script>That's it. The widget loads asynchronously and renders inside a shadow DOM so it won't conflict with your styles.
Options
| Attribute | Values | Default |
|---|---|---|
data-category | e.g. education, health, environment | All categories |
data-limit | 1 to 10 | 5 |
data-theme | light or dark | light |
Examples
Dark theme
dark-theme.html
1<div data-grantarchive-widget data-limit="5" data-theme="dark"></div>2<script src="https://grantarchive.com/widget/grant-widget.js" async></script>Education grants only (3 results)
education-widget.html
1<div data-grantarchive-widget data-category="education" data-limit="3" data-theme="light"></div>2<script src="https://grantarchive.com/widget/grant-widget.js" async></script>How It Works
- 1You paste the HTML snippet on your website.
- 2The widget script loads and fetches live grants from GrantArchive (cached for 1 hour).
- 3Your visitors see active federal grant opportunities with deadlines, agencies, and award amounts.
- 4Each grant links back to GrantArchive for full details. The widget includes a small “Powered by GrantArchive” footer.