Open-source alternatives to Vcard Personal Portfolio

North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for building mobile-first user interfaces using fluid grids and progressive enhancement techniques to ensure a consistent experience across different browser capabilities and screen sizes. The project features a standardized CSS naming system that uses Sass mixins to programmatically generate class names, distinguishing between components, layouts, and states. It also functions as a frontend project scaffolding tool, providing a generator to bootstrap new environments with pre-configur

Dopefolio is a customizable developer portfolio template designed for software engineers to showcase technical skills, project galleries, and detailed case studies. It is a responsive, multi-page static site featuring a central homepage and dedicated detail pages for individual technical project breakdowns. The template utilizes a CSS variable theming system that allows for instant site-wide updates to primary colors and visual styles. Its structure is optimized for search engines, employing a lean HTML hierarchy to ensure fast load times and high visibility. The project covers the presentat

Portfolio-responsive-complete is a responsive web portfolio template built with core web languages that adapts automatically to any screen size. It functions as a frontend developer portfolio template, providing a personal showcase site designed with a mobile-first approach. The project incorporates mobile-first fluid layouts that adapt screen structures dynamically across devices, alongside declarative style encapsulation that organizes visual rules into structured stylesheets. It features event-driven DOM manipulation to update interface states dynamically in response to user interactions.

Simplefolio is a static site generator and React-based framework designed for building responsive, single-page professional portfolios. It provides a pre-structured template that allows users to showcase personal details, project galleries, and contact information through a clean, animated interface. The project distinguishes itself through a configuration-driven approach to development. Users manage their content and visual branding, such as color palettes and gradients, within centralized data files. This declarative mapping ensures that updates to project showcases, social media links, and

Portfolio is a frontend developer portfolio template designed for software engineers to present professional experience, featured software projects, and interactive web applications. It constructs user interfaces using modular components and utility-based styling, rendering visual elements through declarative composition and client-side state management. The project incorporates hardware-accelerated WebGL rendering for interactive three-dimensional graphics and card hover effects, alongside a scroll-driven animation engine that triggers motion effects and visual transitions tied to the viewpo

devportfolio is an Astro portfolio template and developer portfolio starter designed to showcase technical skills, work experience, and personal projects. It functions as a static site portfolio that generates a fast, SEO-friendly website for deployment to static hosting providers. The project provides a Tailwind CSS portfolio theme featuring a minimalist visual design. It allows for rapid styling and responsive layouts through a customizable web template that can be modified via a configuration file. The codebase utilizes static site generation, component-based templating, and utility-first

React Portfolio Template is a static site generator template and component-based UI library designed for building personal portfolio websites and blogs. It constructs user interfaces through isolated, reusable view components and manages user interactions and interface preferences locally in the browser via client-side state reactivity. The application includes built-in capabilities for displaying professional experience, past projects, services, and contact details through structured layouts. It supports personal blog management by organizing journal entries and articles using flat files sto

This project is a developer portfolio generator and static site generator designed to transform markdown files and external API data into a professional website. It functions as a GitHub Pages template that renders dated articles through a markdown blog engine and creates static HTML pages for web hosting. The system distinguishes itself by acting as a GitHub API portfolio, automatically importing and displaying repository data and user profiles to populate portfolio elements. It utilizes API-driven content injection to automate updates to the project showcase and professional profile. The f

Lost is a CSS grid system and PostCSS plugin designed to define column widths and positions using mathematical calculations for responsive screen designs. It functions as a build-time tool that processes custom grid rules into browser-compatible CSS layouts. The framework transforms non-standard layout declarations into native CSS Grid and Flexbox properties. It uses a PostCSS-based pipeline to calculate exact coordinates and column widths, ensuring that the resulting styles are compatible with standard web browsers. The project operates as a preprocessor-agnostic middleware layer, allowing

This project is a collection of responsive CSS Grid dashboard templates and a data visualization UI kit. It provides a set of HTML layouts designed for building analytics interfaces and monitoring views for KPIs and business metrics that adapt to different screen sizes. The toolkit is library-agnostic, allowing the connection of static HTML templates to any external data source or third-party charting library without requiring custom adapter code. It uses a template-driven approach to separate the visual structure of the dashboard from the underlying data. The capabilities cover the assembly

DeveloperFolio is a React-based template for building a personal developer portfolio website. The project is fundamentally a single-configuration portfolio site where all page content, sections, and links are driven by one central JSON file, eliminating the need to touch component code. It is designed to be deployed as a static site to hosting services like GitHub Pages or Netlify. The portfolio template integrates directly with GitHub, using a personal access token to fetch and display pinned repositories and profile data. It also embeds external social media feeds, pulling recent tweets fro

Atomic Layout is a declarative framework for building responsive user interfaces in React. It functions as a layout engine that abstracts complex grid structures into reusable components, allowing for the creation of hierarchical spatial distributions without the need for manual media queries. The library distinguishes itself by mapping visual layout regions to component structures through dynamic grid-template-area generation. It utilizes a property-based system where components accept specific suffixes to automatically trigger responsive style adjustments based on viewport width. By employi

TW-Elements is a Tailwind CSS component library and responsive UI kit providing a collection of pre-styled elements and templates. It functions as an interactive web element set and a customizable theme system for building website interfaces and landing pages. The project enables rapid frontend prototyping through a library of functional interface pieces, including modals, navigation bars, and forms. It provides a set of design blocks and sections specifically for creating mobile-first layouts. The library covers responsive web design and Tailwind CSS UI development. This includes the implem

Susy is a Sass layout framework and grid computation engine designed to automate complex mathematical layout calculations within stylesheets. It functions as a responsive grid generator that calculates column widths, gutters, and spans based on customizable viewport breakpoints to ensure precise element alignment. The system includes a visual layout debugger that generates browser-based grid overlays to verify column alignment and baseline rhythm during development. It also provides utilities for creating repeating background colors and gradients using a template-based syntax. The framework

This project is a design-to-development handoff guide and UI design audit framework. It provides a structured collection of requirements and checklists to verify that visual assets, component architectures, and technical specifications are ready for implementation. The framework focuses on standardizing web asset management through naming conventions and format verification for images, icons, and fonts. It includes specifications for responsive web design, ensuring that mobile and tablet layouts and fluid grid systems are defined for cross-device consistency. The guide covers quality assuran

Foundation Sites is a responsive front-end framework providing a collection of CSS and JavaScript tools to build websites that automatically adapt to different screen sizes and devices. It functions as a responsive design library and cross-browser UI toolkit, offering a grid layout system and pre-styled interface components to ensure consistent rendering across modern web browsers. The framework enables rapid front-end UI prototyping and the integration of interactive components through a scripting interface that manages the lifecycle of UI plugins. It supports custom CSS framework management

This project is a Sass implementation of the Bootstrap framework, providing a collection of responsive, mobile-first UI toolkits and layout systems. It serves as a Sass UI library that allows for the creation of custom CSS frameworks through the use of a preprocessor to generate browser-ready stylesheets. The framework is distinguished by its deep customization capabilities, enabling users to override default themes and visual variables using Sass variables and mixins. It utilizes a modular import system, allowing specific components to be selectively included to control the final CSS bundle

react-page is a browser-based visual content editor and schema-driven page builder developed with React and TypeScript. It provides a framework for creating web pages through a what-you-see-is-what-you-get interface, utilizing a responsive twelve-column grid engine for arranging elements via drag-and-drop manipulation. The system features a plugin-based architecture that allows for the integration of custom components. These components are managed through a schema-driven system that automatically generates data entry forms based on predefined property definitions, separating the rendering vie

Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

This project is a web development educational resource and HTML5 learning repository. It serves as a front-end markup guide containing a collection of source code and practical examples designed to teach the fundamentals of web design. The repository covers an HTML and CSS learning path focused on frontend web development and web layout implementation. It provides reference materials for mastering responsive web design and the application of structural patterns to create functional web pages. The materials demonstrate the use of semantic HTML structure and responsive meta viewports. The tech

Blueprint-css is a CSS framework that provides a set of predefined styles and a responsive grid system for building consistent web page layouts and typography. It includes a browser style reset to remove default browser styling, ensuring a uniform visual starting point across different environments. The framework features a column-based responsive grid system that automatically adapts web content across various screen sizes and devices. It also includes a dedicated print stylesheet to optimize the appearance of web content specifically for physical printing. The project covers typography sta

Skeleton is a lightweight responsive CSS boilerplate and mobile-first framework. It provides a foundation for building mobile-friendly websites through a fluid 12-column grid system, a minimal CSS reset library to normalize browser defaults, and default styling for raw HTML elements. The project emphasizes a mobile-first development approach, using percentage-based widths and predefined media queries to progressively enhance layouts for larger screens. It includes a utility-first library of single-purpose classes to manage common layout tasks such as floating elements, clearing, and width con

This project is a markdown-based static site generator and technical blogging platform designed to convert markdown files and templates into static HTML pages. It functions as a personal blog and frontend engineering portfolio for publishing software engineering guides and technical articles. The system operates as a client-side hydrated web app, serving pre-rendered static HTML and attaching interactive JavaScript listeners upon page load. It utilizes a markdown-based content pipeline to transform raw text into structured web pages for distributing long-form technical writing and tutorials.

This project is an HTML email framework and compiler designed to build responsive emails using a high-level syntax that transforms into table-based layouts. It functions as an HTML-to-table compiler and CSS inliner, ensuring that simplified markup is converted into the complex nested structures and inline attributes required for cross-client compatibility. The framework features a responsive email grid system and Sass-based styling, allowing the use of variables to manage colors, typography, and spacing. These tools enable custom brand theming and the creation of fluid layouts that adapt to v

ring-ui is a web UI component library used to build consistent web applications through a shared set of reusable interface elements and standardized styles. It provides a foundation for web interface development, specifically supporting the creation of visual experiences for software extensions and plugins. The library includes a grid-based layout system for organizing screen content and maintaining responsiveness across different window sizes. It features a CSS variable theming system for applying consistent visual identities, a data table framework for rendering large datasets, and a form i

Astrowind is a high-performance site framework and bootstrapping tool designed for building marketing sites, professional portfolios, and high-conversion landing pages. It utilizes a utility-first CSS architecture and a component-based UI library to assemble responsive websites. The project specializes in conversion rate optimization through targeted templates for lead generation, product sales, subscription captures, and pre-launch teasers. It includes specific infrastructure for static blogging, utilizing markdown-based content modeling and rendering for long-form articles. The framework c

Galaxy is a curated CSS UI component library and visual design gallery. It serves as a front-end code snippet manager and a searchable repository of community-sourced HTML and CSS assets. The project provides tools for UI component discovery and design prototyping, allowing users to browse an archive of interface elements and layout patterns. It includes a code export mechanism for copying markup and styling directly into external development workflows. The system supports responsive web design through flexible grid layouts and interface elements that adapt to different screen sizes. A JSON-