LIVE PREVIEWBUY FOR $18

ForumHub is a contemporary, responsive neighborhood discussion board HTML template constructed with Tailwind CSS. It ships with 39 ready-to-use pages — masking boards, threads, member profiles, messaging, leaderboards, authentication, error pages, and a element library — all with built-in darkish mode and RTL assist.

Each web page incorporates a constant logged-in/logged-out navbar, interactive dropdowns, tabs, modals, toasts, and type validation. The template makes use of no construct step out of the field — open any web page in your browser and it really works. For manufacturing, a Tailwind CSS construct pipeline is included.

Key Highlights

  • 39 Pages. Boards, profiles, messaging, leaderboards, authentication, error pages, and a element showcase — all cross-linked and able to use.
  • Darkish Mode. Toggle mild/darkish with one click on. Desire persists in localStorage and respects prefers-color-scheme.
  • RTL Assist. Full right-to-left structure. Toggle it on any web page for Arabic, Hebrew, Persian, and different RTL languages.
  • Part Library. 5 devoted showcase pages with reside interactive demos — alerts, buttons, badges, playing cards, types, tables, modals, toasts. Combine and match freely.
  • Tailwind CSS. Customise colours, spacing, and typography by way of tailwind.config.js or inline CDN config. Rebuild with one command.
  • Accessibility. Semantic HTML, ARIA labels, keyboard navigation, and focus-visible types all through.
  • Zero Config. No construct step required. Open in a browser and go. A manufacturing pipeline is out there if you want it.

Options

Pages

  • 39 hand-crafted HTML pages throughout 7 classes
  • Discussion board homepage, thread view, classes, member listing, leaderboard
  • Person profiles, bookmarks, inbox/messages, notifications, settings
  • Privateness coverage, phrases of service, contact type, report content material
  • Employees crew web page, discussion board guidelines, FAQ with reside search, assist middle
  • Login, register, forgot/reset password
  • Error pages: 404, 403, 409, 500, upkeep mode
  • Part showcase: alerts, buttons, badges, playing cards, types, tables

Design

  • Constructed with Tailwind CSS v3 + Inter font + Font Superior 6
  • Mild and darkish modes with localStorage persistence
  • Full RTL language assist (Arabic, Hebrew, Persian, and so forth.)
  • Absolutely responsive — cell, pill, desktop
  • Logged-in and logged-out navbar, 4 footer variants
  • Notification panel with unread badges

Interactive Elements

  • Dropdown menus, darkish mode toggle, RTL toggle
  • Tab switching, filter tabs, pagination
  • Toast notifications (4 positions × 4 varieties)
  • Modal dialogs (verify, type, vast, hazard)
  • Sortable tables, knowledge tables with search/filter/choice
  • Password visibility toggle and power meter
  • Drag-and-drop file add, tags enter, star ranking
  • Toggle switches, button teams, break up buttons
  • Social sign-in buttons, type validation
  • All vanilla JS — no jQuery

Pages Included

Core Discussion board Pages

# Web page Description
1 index.html CodeCanyon preview touchdown web page with hero, stats, class showcase, characteristic highlights
2 touchdown.html Full discussion board homepage with hero, featured classes, stats, and call-to-action
3 thread.html Thread/submit view with person sidebar, submit content material, reply type
4 classes.html Discussion board class itemizing with descriptions, subject/submit counts
5 members.html Member listing with search, filter, function badges
6 leaderboard.html Prime contributors podium + ranked desk with popularity, posts, options
7 new-thread.html Create new dialogue subject with title, class, content material editor, tags
8 search.html Search outcomes with filters (classes, date, type)
9 assist.html FAQ/assist web page with accordion-style questions
10 badges.html Badges & achievements showcase with earned/locked states and classes
11 tags.html Tag cloud + browse all tags with subject/submit counts
12 group.html Crew web page — directors, moderators, and neighborhood managers

Person Pages

# Web page Description
13 profile.html Public person profile with avatar, badges, exercise feed, stats
14 bookmarks.html Saved/bookmarked threads record with search, type, and take away
15 account.html Person profile with stats, exercise feed, badges
16 messages.html Inbox/messaging with dialog record and chat view
17 notifications.html Notification middle with learn/unread states
18 settings.html Account settings with tabs (profile, account, notifications, privateness)

Static & Authorized Pages

# Web page Description
19 guidelines.html Discussion board guidelines & tips with numbered sections and TOC
20 faq.html Often requested questions with reside search and categorized accordions
21 privateness.html Privateness coverage with desk of contents and authorized sections
22 phrases.html Phrases of service with guidelines, tips, and disclaimers
23 contact.html Contact type with topic selector, sidebar information playing cards, toast affirmation
24 report.html Report content material type with validation, file add, and submission toast

Neighborhood & Employees Pages

# Web page Description
25 employees.html Employees crew itemizing — admins, moderators, and assist crew member playing cards

Authentication Pages

# Web page Description
26 login.html Signal-in with electronic mail/password, social buttons, “bear in mind me”
27 register.html Registration type with validation
28 forgot-password.html Password reset request type
29 reset-password.html New password type with power meter

Error & Utility Pages

# Web page Description
30 404.html Web page not discovered
31 403.html Forbidden / entry denied
32 409.html Battle (e.g., duplicate motion)
33 500.html Inner server error
34 upkeep.html Website offline / upkeep mode with animated progress bar

Part Showcase Pages

# Web page Description
35 components-alerts.html Alert variants, toasts (4 varieties × 4 positions), notification bar
36 components-badges-buttons.html Badge types, button variants, button teams, break up buttons, social buttons
37 components-cards.html Card layouts, stat playing cards, avatar playing cards, characteristic playing cards, pricing playing cards
38 components-forms.html Enter fields, selects, checkboxes, radios, switches, add, tags, ranking, password power
39 components-tables.html Sortable tables, knowledge tables with search/filter/select-all, pagination variants

What’s Included

  • 39 HTML recordsdata
  • 1 documentation file (Documentation/index.html)
  • 1 RTL override CSS file (rtl-override.css)
  • Tailwind CSS configuration (tailwind.config.js)
  • PostCSS configuration (postcss.config.js)
  • Supply CSS with @apply element lessons (src/enter.css)
  • bundle.json with construct scripts
  • Thumbnail (80×80 px)
  • 1 major preview picture (590×300)
  • 3 characteristic showcase photographs
  • 12 browser-framed gallery screenshots
  • 39 full-page reference screenshots

Third-Get together Property

  • Font Superior 6 (Free) — Icons used all through the template. Licensed beneath CC BY 4.0 and SIL OFL 1.1.
  • Inter Font — Google Font used for typography.
  • Pictures — All photographs in preview/demo pages are for illustration functions solely and should not included within the obtain.

Necessities

  • A contemporary net browser (Chrome, Firefox, Safari, Edge)
  • No server required — open HTML recordsdata immediately in your browser
  • For manufacturing builds: Node.js 18+ and npm

Customization

Altering Colours:
All colours are outlined in tailwind.config.js beneath main (indigo) and floor (slate) households. Replace the hex values there, then rebuild with npm run construct. For CDN utilization, replace the tailwind.config object in every web page’s <script> block.

Darkish Mode Variables:
CSS customized properties within the <model> block of every web page management element colours in mild and darkish modes. Replace the :root and .darkish blocks to match your palette.

RTL Overrides:
Edit rtl-override.css to regulate RTL-specific spacing, alignment, and icon flips.


Source