AnimFolio – Animated Portfolio & Resume Builder

Go to AnimFolio > Format Gallery and click Activate on any format. A pop-up appears with a “Yes, Replace With Demo Content” button — clicking it fills your portfolio with that format’s tailored example sections (hero, projects, skills, etc.) so you can see a complete, realistic layout and then edit it into your own. Each of the 15 formats has its own demo content. Note: loading demo content REPLACES your current sections, so create a backup first (Customizer > Import / Export > Backup) if you already added content. Prefer to start empty instead? Just click “Cancel, Keep My Content” and add…

Yes — there’s a fast path in Customizer > Import / Export. Click “Export Portfolio (JSON)” to download the exact data structure, paste it into an AI assistant (ChatGPT, Claude, etc.) along with your LinkedIn data export, resume, or any details about you, and ask it to fill in your real content while keeping the JSON keys and structure unchanged. Save the result as a .json file and import it — one click and every section is populated. Both the importer and the server validate the JSON structure and sanitize all values, and a backup is created automatically before anything is replaced, so the…

Yes! AnimFolio works with any WordPress theme. The portfolio page uses its own full-page template. You can also embed it on any page using the [animfolio] shortcode.

Go to AnimFolio > Format Gallery and click Activate on any format. Your content is preserved — only the visual design changes. Colors and fonts auto-update to match the format.

Yes. If a visitor’s browser has JavaScript disabled, a CSS @media (scripting: none) fallback reveals all content immediately (just without the scroll animations) — nothing stays hidden. Separately, you can switch on CSS-only mode in Customizer > Advanced to drop the heavier JS interaction effects (custom cursor, magnetic buttons, tilt, parallax) while keeping the lightweight reveal engine.

AnimFolio respects prefers-reduced-motion, uses semantic HTML, ARIA labels, and proper heading hierarchy. Its built-in color schemes and per-format palettes are designed to meet WCAG 2.1 AA contrast (custom colors you pick yourself aren’t auto-checked).

Copy any file from the plugin’s templates/ or public/partials/ folder into your theme’s animfolio/ directory. Theme overrides take priority.

Yes. AnimFolio auto-generates a meta description, canonical link, Open Graph tags, Twitter Cards, and JSON-LD Person structured data for the portfolio page. If Yoast SEO or Rank Math is active, AnimFolio steps aside and lets your SEO plugin own the meta tags — so you never get duplicates. You can set your own title/description/image in Customizer > SEO.

Yes. All CSS and JavaScript is registered through standard wp_enqueue_* with versioned URLs, so minify/combine/defer features can process AnimFolio’s assets like any other plugin. Assets are loaded only on the portfolio page (not site-wide), images are lazy-loaded, fonts are bundled locally by default (an optional Google Fonts mode is opt-in), and there is no jQuery or animation framework dependency — which keeps Lighthouse / PageSpeed scores high and avoids conflicts with page-cache plugins. A built-in inline failsafe also guarantees your content is revealed even if a cache/optimization…

Yes. In addition to the 14 built-in section types, the Custom HTML section accepts rich HTML and WordPress shortcodes. Add several Custom HTML sections (and reorder them by dragging), optionally mixed with Hero, Contact, and Stats sections, to build a complete animated one-page site. For security the markup is sanitized on save (via wp_kses_post()), so it does not run scripts — use the built-in sections (Projects video embeds, Contact form, Stats counters, etc.) for interactive features.

Yes. Anything in a Custom HTML section is run through do_shortcode(), so shortcodes from WordPress core or other plugins work — for example [contact-form-7 id="123"], [gallery], or any shortcode your plugins register.

Use WordPress’ built-in Appearance → Customize → Additional CSS, or a child theme stylesheet — both apply to your portfolio page. For security, AnimFolio itself has no custom-CSS or custom-JavaScript field, and the Custom HTML section sanitizes its markup so it does not run scripts.

Two ways. In the block editor, add the AnimFolio Portfolio block (search “AnimFolio”) — its sidebar has optional Format-override and Sections fields. Or use the shortcode [animfolio] on any page or post ([animfolio sections="hero,skills,projects"] to show specific sections, [animfolio format="format-14-gamified"] to override the format). Either way the portfolio renders within your existing theme layout.

Go to Settings → Reading, set “Your homepage displays” to A static page, choose your Portfolio page as the Homepage, and Save Changes. Your portfolio will now load at your site’s root URL. The Portfolio page uses a full-screen template, so it works great as a standalone homepage. If you’d rather keep your theme’s header/footer on the home page, instead add the AnimFolio Portfolio block (or the [animfolio] shortcode) to your existing front page. There’s also a step-by-step “Use AnimFolio as Your Home Page” card under AnimFolio → Help.

Yes. The shortcode’s format attribute renders a specific format independently of your active one — so you can publish a separate demo page per format and link to them all. Create a page containing [animfolio format="format-14-gamified"] (use any format folder slug, e.g. format-05-photographer), publish it, and the page loads that format’s full template, styles, and scripts — even though your site keeps a single active format on its main portfolio page. Your brand colors come from the Customizer; each format also brings its own characteristic styling.

The QR vCard is on by default. Fill in your contact details in Customizer → QR / vCard and set the Position (Hero, Contact, Both, or Footer) — the QR then appears automatically in that location (or turn it off there). You can also embed it anywhere with the [animfolio_qr] shortcode (attributes: size in pixels, default 200; caption, optional text below the code). The QR is generated entirely in the browser — no data leaves the visitor’s device.

Yes. Turn on the Visitor Card creator (Customizer → QR / vCard) and a small form lets visitors enter their own details and download a vCard (.vcf) + QR — handy at events or meetups. It’s anonymous: nothing a visitor enters is stored on your site (only an optional, privacy-safe “cards created” tally).

No — it is off by default. If you would like to show a small “Built with AnimFolio” credit in the footer, go to Customizer → Advanced and toggle on “Show Built with AnimFolio”. It is appreciated but never required — AnimFolio is 100% free with no upsells.

Yes. Open any section in the Sections builder → Settings tab. “Text Alignment” (left / center / right) aligns that section’s heading and standalone text (cards, forms, and grids keep their own internal alignment by design), and “CSS Class” adds a custom class to the section wrapper so you can target it with your own CSS.

Yes! Set the color scheme in Customizer > Colors. When the navigation bar and the Dark/Light Mode Toggle are enabled (both on by default), a toggle button appears in the nav — visitors can switch modes and their preference is saved.