×

注意!页面内容来自https://colorlib.com/wp/templates/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<> .wpex-card-thumbnail{position:relative} .clb-info-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgba(255,255,255,.92);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 1px 4px rgba(0,0,0,.12);transition:background .2s,transform .2s} .clb-info-btn:hover{background:#fff;transform:scale(1.1)} .clb-info-btn svg{width:14px;height:14px;fill:#555} .clb-info-panel{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);z-index:4;display:none;flex-direction:column;justify-content:center;padding:16px 20px;text-align:left} .clb-info-panel.active{display:flex} .clb-ip-row{margin-bottom:10px} .clb-ip-row:last-of-type{margin-bottom:0} .clb-ip-label{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px} .clb-ip-value{font-size:13px;font-weight:600;color:#333} .clb-ip-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px} .clb-ip-pill{font-size:11px;font-weight:500;color:#555;background:#f0f0f0;padding:2px 8px;border-radius:10px;white-space:nowrap} .clb-ip-close{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#999;border-radius:50%;transition:background .2s} .clb-ip-close:hover{background:#f0f0f0;color:#333} .clb-ip-close svg{width:10px;height:10px} .clb-badge{position:absolute;top:8px;left:8px;z-index:3;font-size:11px;font-weight:600;padding:3px 10px;border-radius:3px;letter-spacing:.3px;line-height:1} .clb-badge-new{background:#10b981;color:#fff} .clb-badge-popular{background:#f59e0b;color:#fff}

Best Website Templates

Responsiveproduction-ready templates in HTMLBootstrapTailwind CSSand Astro — a mix of free and premium designs hand-coded by our team since 2012. New additions every week.

Hand-picked templates we’ve just added.

Editor’s Picks

Our most popular collections — jump straight to the one that fits your project.

Recently Added

The latest 48 designs from the library — browse all 1,646 across 35 pages.

About Colorlib

Colorlib has published website templates since 2012. Over the past 14 years the library has grown to more than 1,500 HTML templates and 300+ WordPress themesall hand-coded and reviewed by our small team before publication. We do not accept submissionswhite-labeled importsor affiliate-only listings — every design on this page is built and maintained by us.

The library is a mix of 400+ free templates and premium designs. Each listing clearly shows whether it’s free or premium before you download — no hidden paywallsno bait-and-switch.

How we build every template

Each template starts from a blank file — not a page-builder export. We write semantic HTMLprogressive CSSand vanilla (or framework-specific) JavaScript. Designs are tested on real devices (iOSAndroiddesktop) across modern browsersvalidated against WCAG AA color contrastand linted for accessibility issues before release. Assets are compressedfonts are subsetand any external dependencies are pinned to specific versions so the download you get today is the same code we shipped.

The stacks we support

  • Bootstrap 4 and 5 — the largest part of the librarywith 300+ businesslanding pageand admin templates.
  • Tailwind CSS — utility-first designs for teams that prefer composable styling and dark mode.
  • Astro — static-site templates with typed componentsimage optimizationand MDX support.
  • Plain HTML & CSS — framework-free templates for learningpracticeor minimal builds.

Licensing and usage

Free templates can be used on personal and commercial projects — including client workproducts you selland SaaS applications — with no attribution required. Premium templates carry a one-time purchase fee and ship with extended support and richer feature sets. The only restriction that applies to both is you can’t repackage a template and resell it as-is on another marketplace. Full licensing details are on each template’s detail page.

How this page is updated

The Featured This Week grid above surfaces the 12 most recent additions; Recently Added shows the next 48with full pagination across all 1,646 templates. Both update automatically when we publish a new template — so this hub always reflects the current state of the librarynot a stale snapshot. The category sidebar lists every active category with live counts. Last content review: .

Frequently Asked Questions

Which Colorlib templates are free?
Around 400 templates in our library carry a free license — they’re all collected under the Free Templates tag. The rest are premium designs sold on the detail page. Every listing clearly shows whether it’s free or premium before you click Download.
What’s the difference between free and premium templates?
Free templates are licensed for personal and commercial use with no attribution required. Premium templates have a one-time purchase fee and come with extended support and richer feature sets. Both are built and maintained by the Colorlib team to the same quality bar — see the Free Templates collection if you need a zero-cost option.
What stacks do you support?
The library spans Bootstrap 4 and 5Tailwind CSSAstroand plain HTML/CSS. Each template’s detail page lists the exact stack and versions used.
Do you have Tailwind CSS templates?
Yes — 48+ Tailwind CSS templates and countingcovering businessportfolioSaaSand landing page use cases. All use the latest Tailwind release with responsive design and dark mode where applicable.
Do you have Astro templates?
Yes — our Astro collection has 48 templates and growingwith typed componentsimage optimizationand MDX support built in.
Do I need to credit Colorlib if I use a template?
No attribution is required for either free or premium templates. You can remove our footer credit and use the template on any project. Mentions are appreciated but never obligatory.
Can I use the templates for commercial or client work?
Yes. Both free and premium templates can be used on commercial projectsclient websitesand products you sell. The only restriction is you cannot resell the template itself as-is on another marketplace.
Where do I download the template files?
Each template’s detail page has a Download button. Free templates deliver a .zip with the full source immediately — no sign-upno email wall. Premium templates go through a short checkout.
Are the templates mobile-responsive?
Yes. All templates are designed mobile-first and tested on phonetabletand desktop breakpoints before publishing. Check our responsive templates collection for mobile-optimized picks.
How often do you add new templates?
New templates ship every week — a mix of free and premium. Watch the Recently Added section above or subscribe to the newsletter for release updates.
Do the templates include a CMS or WordPress version?
These are static templates (HTMLTailwindor Astro). For WordPress versionsbrowse our WordPress themes collection — many designs are available in both formats.