Brio is a complete non-profit & charity website and admin template for charities, foundations and causes, built with Tailwind CSS 4.3.3. Headline on the demo: "Give your time, not just money".
One download gives you 290 pages that share one design: the marketing site, a 14-page admin dashboard, a UI kit of 74 documentation pages, 42 example pages, 31 app screens and 101 complete forms – light and dark mode, responsive down to 360 px.
| Palette | Cobalt (#1d4ed8, #4338ca, #10b981) |
| Fonts | Archivo + Work Sans |
| Style | Swiss Grid · Sharp corners · Solid background |
| Home page | Z-Pattern layout, orbit hero, glass-sticky header, wordmark footer |
| Admin | Light sidebar layout, primary-sidebar look, analytics dashboard, split page style |
| Theme | Light mode · preview-tiles toggle · 8 colour presets |
| Sign-in page | minimal |
| Pictures | Soft blobs, non-profit & charity subjects |
brio-tailwind/ – Tailwind CSS 4.3.3 project, 2.7 MB ZIPnpm install + npm run dev / npm run build.style-guide.html, design-tokens/tokens.json (W3C design tokens for Figma) and documentation.htmlPAGES.md (every page listed), README.md and the license(Sample data from Web Template Creator v10 – http://103.76.183.74:8153/ · project http://103.76.183.74:8153/projects/aa304502-1695-4c05-8704-5e493aff6ea1)
First release – 290 pages generated with Web Template Creator 10.0.1.
We launched our non-profit & charity site in four days thanks to Brio. The UI kit pages with copy-ready code are a big time saver.
เป็นจุดเริ่มต้นที่ดีสำหรับโปรเจกต์มูลนิธิและการกุศล ฟอร์มและการตรวจสอบข้อมูลใช้งานได้ทันที หน้า UI kit ที่คัดลอกโค้ดได้เลยช่วยได้มาก อยากให้มีหน้ารูปแบบอื่นเพิ่มอีกหน่อย
Best template I have bought this year. Lighthouse scores stayed in the 90s after deploy. The admin dashboard saved us at least two weeks. Highly recommended.
โดยรวมดีมากครับ กราฟในแดชบอร์ดสวยทั้งโหมดสว่างและมืด แสดงผลดีบนมือถือทุกรุ่นที่ลอง อยากให้มีหน้ารูปแบบอื่นเพิ่มอีกหน่อย
ขอบคุณค่ะ ถ้าเว็บเสร็จแล้วส่งลิงก์มาให้ดูบ้างนะคะ
Help with installing, configuring and bugs of this template, directly from the author.
Ask a questionIf the item does not work as described and we cannot fix it, you get your money back.
How licenses workEvery donation makes a difference – non-profit & charity website + admin in Bootstrap 5, 290 pages.
Non-profit & Charity website + admin template in Tailwind CSS: 258 pages, light & dark mode.
Non-profit & Charity website + admin in Next.js, 290 pages.
Help arrives within 72 hours – non-profit & charity website + admin in Spring Boot + Thymeleaf, 290 pages.
