Professional templates
Create better websites in less time with Framer templates
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="wKN3FA0xR-2198464645-linear-gradient" x1="0.49751243781094523" x2="0.5024875621890548" y1="0" y2="1"><stop offset="0" stop-color="rgb(255, 54, 54)"/><stop offset="1" stop-color="rgb(145, 0, 0)"/></linearGradient></defs><path d="M 8.764 1.033 C 9.631 0.971 10.482 1.289 11.096 1.904 C 11.711 2.518 12.029 3.369 11.967 4.236 C 12.624 4.805 13.001 5.632 13 6.501 C 13.001 7.37 12.624 8.197 11.967 8.766 C 12.028 9.633 11.711 10.483 11.096 11.097 C 10.482 11.712 9.631 12.03 8.765 11.969 C 8.195 12.625 7.369 13.002 6.5 13.001 C 5.631 13.002 4.805 12.625 4.235 11.969 C 3.368 12.031 2.517 11.713 1.903 11.097 C 1.288 10.483 0.97 9.632 1.032 8.765 C 0.4 8.216 0 7.405 0 6.501 C -0.001 5.632 0.376 4.805 1.032 4.236 C 0.97 3.369 1.288 2.518 1.903 1.904 C 2.517 1.289 3.368 0.971 4.235 1.033 C 4.804 0.376 5.631 -0.001 6.5 0 C 7.369 -0.001 8.195 0.376 8.764 1.033 Z M 8.853 4.853 C 9.037 4.656 9.031 4.349 8.841 4.159 C 8.651 3.969 8.344 3.963 8.147 4.147 L 4.147 8.147 C 4.013 8.271 3.958 8.459 4.003 8.636 C 4.048 8.813 4.187 8.952 4.364 8.997 C 4.541 9.042 4.729 8.987 4.853 8.853 Z M 5 4.25 C 4.586 4.25 4.25 4.586 4.25 5 C 4.25 5.414 4.586 5.75 5 5.75 C 5.414 5.75 5.75 5.414 5.75 5 C 5.75 4.586 5.414 4.25 5 4.25 Z M 8 7.25 C 7.586 7.25 7.25 7.586 7.25 8 C 7.25 8.414 7.586 8.75 8 8.75 C 8.414 8.75 8.75 8.414 8.75 8 C 8.75 7.586 8.414 7.25 8 7.25 Z" fill="url(%23wKN3FA0xR-2198464645-linear-gradient)" height="13.001333146234106px" id="wKN3FA0xR" transform="translate(1.5 1.5)" width="13px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="cTLl7wmzx-3403024240-linear-gradient" x1="0.22157875939407773" x2="0.7784212406059223" y1="5.551115123125783e-17" y2="1"><stop offset="0" stop-color="rgb(249, 252, 43)"/><stop offset="1" stop-color="rgb(140, 138, 32)"/></linearGradient></defs><path d="M 4.235 1.033 C 4.805 0.376 5.631 -0.001 6.5 0 C 7.405 0 8.215 0.4 8.765 1.033 C 9.632 0.971 10.483 1.289 11.097 1.904 C 11.712 2.518 12.03 3.369 11.968 4.235 C 12.624 4.805 13.001 5.631 13 6.5 C 13.001 7.369 12.624 8.195 11.967 8.765 C 12.029 9.631 11.711 10.482 11.096 11.096 C 10.482 11.711 9.631 12.029 8.765 11.967 C 8.195 12.624 7.369 13.001 6.5 13 C 5.631 13.001 4.805 12.624 4.235 11.967 C 3.368 12.029 2.517 11.712 1.903 11.097 C 1.288 10.483 0.97 9.632 1.032 8.765 C 0.376 8.195 -0.001 7.369 0 6.5 C 0 5.595 0.4 4.785 1.033 4.235 C 0.971 3.369 1.289 2.518 1.904 1.904 C 2.518 1.289 3.369 0.971 4.235 1.033 Z M 8.907 5.291 C 9.016 5.146 9.037 4.953 8.964 4.787 C 8.89 4.621 8.732 4.509 8.551 4.493 C 8.371 4.476 8.195 4.559 8.093 4.709 L 5.936 7.729 L 4.853 6.647 C 4.656 6.463 4.349 6.469 4.159 6.659 C 3.969 6.849 3.963 7.156 4.147 7.353 L 5.647 8.853 C 5.751 8.957 5.895 9.01 6.041 8.998 C 6.188 8.986 6.321 8.91 6.407 8.791 Z" fill="url(%23cTLl7wmzx-3403024240-linear-gradient)" height="12.999998788144415px" id="cTLl7wmzx" transform="translate(1.5 1.5)" width="13px"/></svg>)
Core features
Everything you need to build faster with Framer
Purpose-built layouts
Layouts are thoughtfully structured to help your content feel clear, focused, and intentional from day one.
Edit without friction
Make changes directly in Framer with zero setup. What you see is exactly what you control.
Performance-ready
Clean structure and lightweight components ensure smooth loading and solid technical foundations.
Maintained over time
As Framer evolves, templates evolve too—so you’re never stuck with outdated patterns.
Less effort, more output
Spend your time refining ideas instead of rebuilding basics from scratch.
Guidance included
If you get stuck or unsure, you’ll have someone to walk you through it.
+Many more advantage