Explore resource A little inspiration.
A real starting point.
Explore 392 curated resources, plus icons, working animation examples and decorative backgrounds.
Explore resource 
Explore resource MigBits / 3D Collectible Hero
Licensed
Explore resource MigBits / 3D Jack Portfolio
Licensed
Explore resource MigBits / Aethera Studio
Licensed
Explore resource MigBits / Aetheris Voyage
Licensed
Explore resource MigBits / Agent Wave
Licensed
Explore resource MigBits / AI Runtime
Licensed
Explore resource MigBits / AI Workflow Hero
LicensedMore than components.
Everything around the interface, thoughtfully organized.
Templates167
Website templates, design briefs and reference kits for landing pages, dashboards and portfolios.
Blocks19
Complete heroes, pricing sections, navigation and more. Ready to compose.
Components102
Buttons, forms, navigation and the small pieces that make an interface.
Themes12
Ready light and dark themes, coordinated gradients and typography. Preview, copy and apply.
Aa Bb Cc
Typography12
Real type specimens and self-hostable fonts, with their original notices.
Colour theory18
Explore palettes, build color harmonies and check text contrast.
Illustrations14
Editable SVG illustrations with source, creator and license information.
Figma resources1
Original UI kits, editable vectors and native component generators for Figma.
Icons2
Explore coherent SVG collections with their original attribution.
Backgrounds6
Static CSS patterns and decorative backgrounds, with original source and notices.
Design tokens6
Reusable spacing, typography, shadows and theme foundations.
Make it move.Backgrounds & animation demos ↗
Motion & backgrounds18
Official Motion example collections, two decorative backgrounds and six animation demos with source and downloads.
Shaders31
GPU effects and backgrounds with verified renders. Live previews require WebGPU.
Developer tools2
Reviewed source kits and AI development workflows. Installation status is shown explicitly.
Built for how you build.
Look closer. Open the source. Bring the details into your own project.
01 / EXPLORE
See the real thing
Open interactive examples and switch between desktop and mobile previews.
02 / MAKE IT YOURS
export function YourNextIdea() {
return (
<SomethingThoughtful />
)
}Source you can work with
Copy real code, inspect the dependencies, and follow the setup instructions.
03 / BUILD
- Original source
- Usage instructions
- License notices
Keep the useful details
Downloads preserve their notices. Each page explains commercial use and redistribution.
A few things to know.
What can I find here?+
Components, blocks, complete frontend templates, typography, color palettes, original illustrations, and original Figma resource kits.
Can I use the resources commercially?+
MIT resources allow commercial use and selling copies when copyright and license notices are preserved. OFL fonts have separate conditions and cannot be sold by themselves. Each resource links to its terms.
What is included in the Figma kits?+
Editable SVG boards, design tokens and original component-generator source. They are not .fig binaries. The README explains import and setup; native generator execution is not yet verified.
Are the templates connected to a backend?+
Templates are standalone frontend starting points. Forms, store carts and checkout are demonstrations. Connect your own production services before launching.