Neon Glow Profile Card
Dark profile card with an animated neon conic-gradient border, soft glow, stats, skill tags and a Follow toggle, built with pure CSS and vanilla JS.
Data Display
Components for presenting content and data.
36 component(s)
Masonry Image Gallery
Pure CSS masonry image gallery using multi-column layout, with hover and focus captions that slide up over each photo. No JavaScript needed.
Scroll-Snap Carousel
Native CSS scroll-snap carousel with arrow buttons, synced pill dots and keyboard support, enhanced by a few lines of vanilla JavaScript.
Accordion with details and summary
No-JavaScript FAQ accordion built on native details and summary elements with smooth height animation and one-open-at-a-time behavior.
Alternating Timeline
Pure CSS vertical timeline with a center line and entries that alternate left and right, collapsing to a single column on mobile.
Table with Sticky Header
Dark striped data table in pure CSS with a sticky header row and sticky first column inside a scrollable, keyboard-focusable container.
Cards with Hover Lift
Pure CSS blog card grid where each card lifts with a deeper shadow and zooms its image on hover or keyboard focus.
Comment Section with Reply Form
Bootstrap 5 comment section with threaded replies, collapsible reply forms, like buttons, a new comment form and live comment count.
KPI Cards with Progress
Dark Bootstrap 5 KPI cards with trend badges, goal progress bars and a Month, Quarter and Year switch for admin and sales dashboards.
Dismissible Filter Chips
Bootstrap 5 active filter bar with removable chips, Clear all button, undo for recently removed filters and live result count.
Avatars with Status Indicator
Bootstrap 5 avatars in five sizes with online, away, busy and offline status dots, initials fallback for missing photos and a status picker.
Profile Card with Stats
Bootstrap 5 user profile card with gradient cover, initials avatar, animated stat counters, follow toggle, message and copy-link buttons.
Filterable Portfolio Gallery
Dark Bootstrap 5 portfolio gallery with pill filter buttons, automatic category counts, fade-in tiles and a screen reader status message.
Carousel with Captions
Bootstrap 5 hero carousel with glass captions, pill indicators, previous and next buttons, a pause control and gradient SVG slides.
Accordion with Icons
Bootstrap 5 FAQ accordion with leading icon tiles, subtitles, rounded cards, a rotating plus icon and a warm accent color.
Activity Feed Timeline
Dark Bootstrap 5 activity feed timeline with colored event icons, timestamps, quoted comments and filter chips for code, comments and deploys.
Table with Search Filter
Bootstrap 5 team directory table with live search, status filter, highlighted matches, result counter and empty state.
Responsive Table with Actions
Responsive Bootstrap 5 invoice table with status badges, a status filter and row action dropdowns to mark as paid, remind or delete.
Actionable List Group
Bootstrap 5 list group panel with unread badges, notification toggle switches and invite rows with accept and decline buttons.
Card with Image Overlay
Bootstrap 5 image cards with text overlaid on photos, a readability gradient, category badges, save buttons and a featured layout.
Month Calendar with Events
Tailwind CSS month calendar with colored event pills, today highlight, prev/next navigation, keyboard support and a day agenda.
Stat Cards with Trend
Tailwind CSS KPI stat cards with change percentage pills and animated SVG sparklines generated from a data attribute.
Badges and Tags Collection
Dark Tailwind CSS badge collection: color pills, status dots, notification counters, icon badges and removable tags with an add-tag input.
Avatar Group
Overlapping Tailwind CSS avatar stack in three sizes with initials, status dots, name tooltips and a +N counter that reveals hidden people.