WordPress Themes

Fotons

Fotons — Creative Portfolio & Photography WordPress Theme

For photographers and artists

7

Pages

October 21, 2025

Where simplicity meets impact, Fotons is a photography WordPress theme that turns portfolios into experiences.

Preview

https://fotons.droip.io/

Preview Open in Droip

Overview

Fotons is a creative portfolio and photography WordPress theme that fuses clean, contemporary layouts with pops of color and eye-catching interactions, setting the perfect stage for your visuals to shine. Featuring an animated hero slideshow, a collapsible navbar, and well-placed CTAs, it’s designed to captivate and convert. And with ready-made pages to showcase your best works and services, fully customizable and scalable with Droip, Fotons is perfect for photographers and photography studios, creative agencies, artists, and more.

Pages

Home
About Me
Contact
Services
Projects
Project Details
404

Perfect for

{"blocks":{"dp6da2q3":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"dpolsdoq","collectionType":"droip_cm_multi_reference","items":10,"current_page":1,"pagination":false,"pagination_type":"","filters":[],"sorting":[],"offset":0,"inherit":true,"cm_ref_collection_id":4525}},"styleIds":[],"className":"","source":"droip","children":["dpx9nz3a","dpr53ni5","dpnyhns7"],"id":"dp6da2q3","parentId":"dph7u0kr","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpx9nz3a":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["dp3iygxg"],"className":"","source":"droip","children":["dp98bbcn"],"id":"dpx9nz3a","parentId":"dp6da2q3","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp98bbcn":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"droip","children":["dpuyqbvw"],"id":"dp98bbcn","parentId":"dpx9nz3a"},"dpuyqbvw":{"visibility":true,"collapse":false,"name":"link-block","title":"Link","properties":{"tag":"a","type":"href","isActive":false,"preload":"default","attributes":{"href":"","target":""}},"styleIds":["dpbwgm8o"],"className":"","source":"droip","children":["dp3q70zq"],"id":"dpuyqbvw","parentId":"dp98bbcn","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp3q70zq":{"styleIds":[],"visibility":true,"collapse":false,"name":"text","title":"Text","properties":{"contents":["Link text"],"tag":"span","dynamicContent":{"type":"post","value":"post_title"}},"className":"","source":"droip","id":"dp3q70zq","parentId":"dpuyqbvw"},"dpr53ni5":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination"}},"styleIds":["droip_pagination"],"className":"","source":"droip","children":["dpz8hj0v"],"id":"dpr53ni5","parentId":"dp6da2q3","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpz8hj0v":{"styleIds":["droip_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-item"}},"className":"","source":"droip","children":["dp1z8qt3"],"id":"dpz8hj0v","parentId":"dpr53ni5","template_mounted":true},"dp1z8qt3":{"styleIds":["droip_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-number"}},"className":"","source":"droip","children":[],"id":"dp1z8qt3","parentId":"dpz8hj0v"},"dpnyhns7":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"droip","children":[],"id":"dpnyhns7","parentId":"dp6da2q3","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}}},"styles":{"dp3iygxg":{"id":"dp3iygxg","type":"class","name":"Tag-Flex","isDefault":false,"variant":{"md":"display:flex;align-items:center;row-gap:8px;column-gap:8px;flex-wrap:wrap;"},"isGlobal":true},"dpbwgm8o":{"id":"dpbwgm8o","type":"class","name":"Template-Tags","isDefault":false,"variant":{"md":"font-size:16px;font-weight:600;color:var(--dp3ogzgl);fill:var(--dp3ogzgl);line-height:1.4em;font-family:var(--dptjx753);text-decoration:none;background-image:none;background-color:var(--dpn08w2z);border-radius:8px;font-style:normal;padding:4px 12px 4px 12px;"},"isGlobal":true},"droip_pagination":{"id":"droip_pagination","type":"class","isDefault":true,"name":"droip-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"}},"droip_pagination_item":{"id":"droip_pagination_item","type":"class","isDefault":true,"name":"droip-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"}},"droip_pagination_number":{"id":"droip_pagination_number","type":"class","isDefault":true,"name":"droip-pagination-number","variant":{"md":""}}}}

Designer Portfolios

Personal Brand Portfolios

Creative Agencies

Subcategories

{"blocks":{"dpkugt46":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"dpils7fv","collectionType":"droip_cm_multi_reference","items":10,"current_page":1,"pagination":false,"pagination_type":"","filters":[],"sorting":[],"offset":0,"inherit":true,"cm_ref_collection_id":4526}},"styleIds":[],"className":"","source":"droip","children":["dpo842pd","dpb2dq9w","dpd68w05"],"id":"dpkugt46","parentId":"dpqyn92o","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpo842pd":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["dp3iygxg"],"className":"","source":"droip","children":["dper7xdv"],"id":"dpo842pd","parentId":"dpkugt46","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dper7xdv":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"droip","children":["dp6pq0sc"],"id":"dper7xdv","parentId":"dpo842pd"},"dp6pq0sc":{"visibility":true,"collapse":false,"name":"link-block","title":"Link","properties":{"tag":"a","type":"href","isActive":false,"preload":"default","attributes":{"href":"","target":""}},"styleIds":["dpbwgm8o"],"className":"","source":"droip","children":["dp0ixlvq"],"id":"dp6pq0sc","parentId":"dper7xdv","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp0ixlvq":{"styleIds":[],"visibility":true,"collapse":false,"name":"text","title":"Text","properties":{"contents":["Link text"],"tag":"span","dynamicContent":{"type":"post","value":"post_title"}},"className":"","source":"droip","id":"dp0ixlvq","parentId":"dp6pq0sc"},"dpb2dq9w":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination"}},"styleIds":["droip_pagination"],"className":"","source":"droip","children":["dpsfqzhn"],"id":"dpb2dq9w","parentId":"dpkugt46","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpsfqzhn":{"styleIds":["droip_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-item"}},"className":"","source":"droip","children":["dpwsruug"],"id":"dpsfqzhn","parentId":"dpb2dq9w","template_mounted":true},"dpwsruug":{"styleIds":["droip_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-number"}},"className":"","source":"droip","children":[],"id":"dpwsruug","parentId":"dpsfqzhn"},"dpd68w05":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"droip","children":[],"id":"dpd68w05","parentId":"dpkugt46","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}}},"styles":{"dp3iygxg":{"id":"dp3iygxg","type":"class","name":"Tag-Flex","isDefault":false,"variant":{"md":"display:flex;align-items:center;row-gap:8px;column-gap:8px;flex-wrap:wrap;"},"isGlobal":true},"dpbwgm8o":{"id":"dpbwgm8o","type":"class","name":"Template-Tags","isDefault":false,"variant":{"md":"font-size:16px;font-weight:600;color:var(--dp3ogzgl);fill:var(--dp3ogzgl);line-height:1.4em;font-family:var(--dptjx753);text-decoration:none;background-image:none;background-color:var(--dpn08w2z);border-radius:8px;font-style:normal;padding:4px 12px 4px 12px;"},"isGlobal":true},"droip_pagination":{"id":"droip_pagination","type":"class","isDefault":true,"name":"droip-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"}},"droip_pagination_item":{"id":"droip_pagination_item","type":"class","isDefault":true,"name":"droip-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"}},"droip_pagination_number":{"id":"droip_pagination_number","type":"class","isDefault":true,"name":"droip-pagination-number","variant":{"md":""}}}}

{"blocks":{"dpykxomv":{"visibility":true,"collapse":false,"name":"collection","title":"Gallery","properties":{"tag":"div","dynamicContent":{"type":"dp7lqpg1","collectionType":"droip_cm_gallery","items":20,"current_page":1,"pagination":false,"pagination_type":"","filters":[],"sorting":[],"offset":0,"inherit":true,"gallery":"dp7lqpg1"}},"styleIds":["dpir1j7n"],"className":"","source":"droip","children":["dp4kyagt","dp86hlvq","dp0lu7jy"],"id":"dpykxomv","parentId":"dphiupui","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp4kyagt":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["dp8mo57r"],"className":"","source":"droip","children":["dptzi9gu"],"id":"dp4kyagt","parentId":"dpykxomv","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dptzi9gu":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"droip","children":["dpjhflvh"],"id":"dptzi9gu","parentId":"dp4kyagt"},"dpjhflvh":{"visibility":true,"collapse":false,"name":"div","title":"Gallery Image Wrapper","properties":{"tag":"div"},"styleIds":["dpqst3nx"],"className":"","source":"droip","children":["dpzpybk8"],"id":"dpjhflvh","parentId":"dptzi9gu","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpzpybk8":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"","alt":"","href":"","target":""},"dynamicContent":{"type":"gallery","value":"post","contentInfo":{"post_id":"4524","field_id":"post"}}},"styleIds":["dpqev2kp"],"className":"","source":"droip","id":"dpzpybk8","parentId":"dpjhflvh","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp86hlvq":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination"}},"styleIds":["droip_pagination"],"className":"","source":"droip","children":["dp9cfsrt"],"id":"dp86hlvq","parentId":"dpykxomv","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp9cfsrt":{"styleIds":["droip_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-item"}},"className":"","source":"droip","children":["dpqs8oqq"],"id":"dp9cfsrt","parentId":"dp86hlvq","template_mounted":true},"dpqs8oqq":{"styleIds":["droip_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-number"}},"className":"","source":"droip","children":[],"id":"dpqs8oqq","parentId":"dp9cfsrt"},"dp0lu7jy":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"droip","children":[],"id":"dp0lu7jy","parentId":"dpykxomv","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}}},"styles":{"dpir1j7n":{"id":"dpir1j7n","type":"class","name":["dpjo4hpx"],"isDefault":false,"variant":{"md":"margin:0px;"}},"dp8mo57r":{"id":"dp8mo57r","type":"class","name":"Gallery-Grid","isDefault":false,"variant":{"md":"display:grid;column-gap:20px;row-gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:minmax(75px, 1fr);grid-template-areas:\". .\";margin:96px 0px 96px 0px;","tablet":"grid-template-columns:1fr;grid-template-areas:\".\";margin:30px 0px 72px 0px;"},"isGlobal":true},"dpqst3nx":{"id":"dpqst3nx","type":"class","name":["dp5mw40z"],"isDefault":false,"variant":{"md":"overflow:hidden;border-radius:8px;"}},"dpqev2kp":{"id":"dpqev2kp","type":"class","name":["Gallery-Image"],"variant":{"md":"width:100%;object-fit:cover;aspect-ratio:5\/4;"},"isGlobal":true},"droip_pagination":{"id":"droip_pagination","type":"class","isDefault":true,"name":"droip-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"}},"droip_pagination_item":{"id":"droip_pagination_item","type":"class","isDefault":true,"name":"droip-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"}},"droip_pagination_number":{"id":"droip_pagination_number","type":"class","isDefault":true,"name":"droip-pagination-number","variant":{"md":""}}}}

Key Features

{"blocks":{"dpqd7l5k":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"dph9xg3z","collectionType":"droip_cm_multi_reference","items":20,"current_page":1,"pagination":false,"pagination_type":"","filters":[],"sorting":{"type":"ASC","value":"modified"},"offset":0,"inherit":true,"cm_ref_collection_id":4527}},"styleIds":["dpko83kg"],"className":"","source":"droip","children":["dpycwr23","dppqawq1","dpdork3c"],"id":"dpqd7l5k","parentId":"dpt48vm3","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpycwr23":{"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"styleIds":["dp3emh3t"],"className":"","source":"droip","children":["dpsttj9p"],"id":"dpycwr23","parentId":"dpqd7l5k","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpsttj9p":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"droip","children":["dp2h4oov"],"id":"dpsttj9p","parentId":"dpycwr23"},"dp2h4oov":{"visibility":true,"collapse":false,"name":"div","title":"Card","properties":{"tag":"div"},"styleIds":["dptdap1d"],"className":"","source":"droip","children":["dpda2lfo","dpjt0elb"],"id":"dp2h4oov","parentId":"dpsttj9p","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpda2lfo":{"visibility":true,"collapse":false,"name":"image","title":"Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"","alt":"","href":"","target":""},"dynamicContent":{"type":"post","value":"dpugox32","meta":"","format":"","collectionType":""}},"styleIds":["dpyx1sty"],"className":"","source":"droip","id":"dpda2lfo","parentId":"dp2h4oov","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpjt0elb":{"visibility":true,"collapse":false,"name":"div","title":"Contents","properties":{"tag":"div"},"styleIds":["dp8l8hsv"],"className":"","source":"droip","children":["dpnmycdr","dp9du1lt"],"id":"dpjt0elb","parentId":"dp2h4oov","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpnmycdr":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["This is some text inside of a heading tag"],"tag":"h4","dynamicContent":{"type":"post","value":"post_title"}},"styleIds":["dpgw57k6"],"className":"","source":"droip","id":"dpnmycdr","parentId":"dpjt0elb","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp9du1lt":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Back to the Future will live forever in the minds of fans everywhere. The Hollywood classic touched generations and continues to be instantly recognizable."],"tag":"p","dynamicContent":{"type":"post","value":"dp78cheh"}},"styleIds":["dpxuzlc7"],"className":"","source":"droip","id":"dp9du1lt","parentId":"dpjt0elb","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dppqawq1":{"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination"}},"styleIds":["droip_pagination"],"className":"","source":"droip","children":["dprebiay"],"id":"dppqawq1","parentId":"dpqd7l5k","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dprebiay":{"styleIds":["droip_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-item"}},"className":"","source":"droip","children":["dpv20ddi"],"id":"dprebiay","parentId":"dppqawq1","template_mounted":true},"dpv20ddi":{"styleIds":["droip_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-number"}},"className":"","source":"droip","children":[],"id":"dpv20ddi","parentId":"dprebiay"},"dpdork3c":{"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"styleIds":[],"className":"","source":"droip","children":[],"id":"dpdork3c","parentId":"dpqd7l5k","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}}},"styles":{"dpko83kg":{"id":"dpko83kg","type":"class","name":"dpzb6glp","isDefault":false,"variant":{"md":"margin:48px 0px 0px 0px;","tablet":"margin:32px 0px 0px 0px;"}},"dp3emh3t":{"id":"dp3emh3t","type":"class","name":"dpc9e82k","isDefault":false,"variant":{"md":"display:grid;column-gap:48px;row-gap:48px;grid-template-columns:1fr 1fr;grid-template-rows:minmax(75px, 1fr);grid-template-areas:\". .\";","tablet":"grid-template-columns:1fr;grid-template-areas:\".\";row-gap:32px;"}},"dptdap1d":{"id":"dptdap1d","type":"class","name":"dp5hjtmo","isDefault":false,"variant":{"md":"display:flex;column-gap:18px;align-items:flex-start;"}},"dpyx1sty":{"id":"dpyx1sty","type":"class","name":"Icon-24px","isDefault":false,"variant":{"md":"width:24px;height:24px;min-width:24px;","tablet":"width:20px;height:20.00px;min-width:20px;"},"isGlobal":true},"dp8l8hsv":{"id":"dp8l8hsv","type":"class","name":"dp32pw0u","isDefault":false,"variant":{"md":"display:flex;flex-direction:column;row-gap:8px;"}},"dpgw57k6":{"id":"dpgw57k6","type":"class","name":["Text-18px-600"],"variant":{"md":"font-size:18px;font-family:var(--dptjx753);font-weight:600;color:var(--dp7ep2f0);fill:var(--dp7ep2f0);letter-spacing:-0.36px;line-height:1.38em;display:block;margin:0px;","mobile":"font-size:14px;line-height:20px;letter-spacing:0px;font-weight:500;","mobileLandscape":"font-size:16px;line-height:22px;","tablet":"font-size:16px;font-weight:500;letter-spacing:0px;"},"isGlobal":true},"dpxuzlc7":{"id":"dpxuzlc7","type":"class","name":"Paragraph-16px","variant":{"md":"font-size:16px;font-family:\"Inter\";font-weight:400;color:var(--dp3ogzgl);fill:var(--dp3ogzgl);letter-spacing:0px;line-height:1.35em;margin:0px;","mobileLandscape":"font-size:14px;line-height:20px;"},"isGlobal":true},"droip_pagination":{"id":"droip_pagination","type":"class","isDefault":true,"name":"droip-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"}},"droip_pagination_item":{"id":"droip_pagination_item","type":"class","isDefault":true,"name":"droip-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"}},"droip_pagination_number":{"id":"droip_pagination_number","type":"class","isDefault":true,"name":"droip-pagination-number","variant":{"md":""}}}}

Animations/Effects

Includes expressive animations. Easily customize effects to create smooth, attention-grabbing interactions without coding.

Responsive Design

Fully responsive across all devices. Adjust breakpoints visually and ensure your layout looks perfect on every screen size—right from the canvas.

Color Styles

Manage your site’s color palette in one place. Update reusable color styles globally to ensure a consistent look across every page.

Components

Components offer reusability across pages, with changes applied to all instances. They also offer an easy way to create animations.

Slider

Display images in an interactive, scrollable format using the built-in Slider component. Fully customizable to match your design.

Native Dynamic Content

Power your design with dynamic content, from portfolios to testimonials, using Droip’s native Dynamic Content Manager. No third-party plugins needed.

Explore Similar Templates

{"blocks":{"dpb6qcm3":{"visibility":true,"collapse":false,"name":"collection","title":"Collection","properties":{"tag":"div","dynamicContent":{"type":"droip_cm_4524","collectionType":"posts","items":4,"current_page":1,"pagination":false,"pagination_type":"","filters":[],"sorting":[],"collectionRandomId":"dpsb1mdy","inherit":false,"related":true}},"styleIds":["dpxbylw7"],"className":"","source":"droip","children":["dp2kud6p","dpkqews4","dpadkx93"],"id":"dpb6qcm3","parentId":"dpypf3he","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dp2kud6p":{"styleIds":["dpcjeur5"],"visibility":true,"collapse":false,"name":"items","title":"Items","properties":{"attributes":[]},"className":"","source":"droip","children":["dpjlbpob"],"id":"dp2kud6p","parentId":"dpb6qcm3","template_mounted":true},"dpjlbpob":{"styleIds":[],"visibility":true,"collapse":false,"name":"item","title":"Item","properties":{"tag":"div","attributes":[]},"className":"","source":"droip","children":["dpdwydv1"],"id":"dpjlbpob","parentId":"dp2kud6p"},"dpdwydv1":{"visibility":true,"collapse":false,"name":"link-block","title":"Card","properties":{"tag":"a","type":"href","isActive":false,"preload":"default","attributes":{"href":"","target":""},"dynamicContent":{"type":"post","value":"post_page_link"},"interactions":{"elementAsTrigger":{"mouseenter":{"preset":[{"data":{"dpdwydv1":[]},"deviceAndClassList":{"classList":[],"devices":[],"applyToClass":false},"name":"","active":true,"maxTime":1000,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}],"textAnimation":[{"data":{"dpdwydv1":[]},"deviceAndClassList":{"classList":[],"devices":[],"applyToClass":false},"name":"","active":true,"maxTime":1000,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}],"custom":[{"data":{"dpdwydv1":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dpexxa4i)"},"easing":"ease-out","delay":0,"property":"background-color"}],"dp4v7cb7":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dpd0udia)"},"easing":"ease","delay":0,"property":"color"}],"dpv5zuuu":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dpd0udia)"},"easing":"ease","delay":0,"property":"color"}],"dpo5ucdp":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dpd0udia)"},"easing":"ease","delay":0,"property":"background-color"}],"dpnnbdsp____info":{"applyToClass":false,"classApplyOnly":"childrens","styleBlockId":"dppg94fk"},"dpdwydv1____info":{"applyToClass":false,"styleBlockId":"dpzihizd","classApplyOnly":"trigger"},"dp4v7cb7____info":{"applyToClass":false,"styleBlockId":"dpgw57k6","classApplyOnly":"childrens"},"dpv5zuuu____info":{"applyToClass":false,"styleBlockId":"dpzd8wx2","classApplyOnly":"childrens"},"dp85y8fs____info":{"applyToClass":true,"classApplyOnly":"childrens","styleBlockId":"dpzd8wx2"},"dpo5ucdp____info":{"applyToClass":false,"classApplyOnly":"childrens","styleBlockId":"dpvgeg3n"},"dp85y8fs":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dpd0udia)"},"easing":"ease","delay":0,"property":"color"}],"dp1wgm8r":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dpd0udia)"},"easing":"ease","delay":0,"property":"color"}],"dpaloy7m":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dpd0udia)"},"easing":"ease","delay":0,"property":"border-color"}]},"deviceAndClassList":{"classList":["dpatda5w"],"devices":[],"applyToClass":false,"styleBlockId":"dpzihizd"},"name":"Hover In","active":true,"maxTime":500,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}]},"mouseleave":{"preset":[{"data":{"dpdwydv1":[]},"deviceAndClassList":{"classList":[],"devices":[],"applyToClass":false},"name":"","active":true,"maxTime":1000,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}],"textAnimation":[{"data":{"dpdwydv1":[]},"deviceAndClassList":{"classList":[],"devices":[],"applyToClass":false},"name":"","active":true,"maxTime":1000,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}],"custom":[{"data":{"dpdwydv1":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dpaeuzw5)"},"easing":"ease-out","delay":0,"property":"background-color"}],"dp4v7cb7":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dp7ep2f0)"},"easing":"ease","delay":0,"property":"color"}],"dpv5zuuu":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dp3ogzgl)"},"easing":"ease","delay":0,"property":"color"}],"dpo5ucdp":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dpq2n5sk)"},"easing":"ease","delay":0,"property":"background-color"}],"dpnnbdsp____info":{"applyToClass":false,"classApplyOnly":"childrens","styleBlockId":"dppg94fk"},"dpdwydv1____info":{"applyToClass":false,"styleBlockId":"dpzihizd","classApplyOnly":"trigger"},"dp4v7cb7____info":{"applyToClass":false,"classApplyOnly":"childrens","styleBlockId":"dpgw57k6"},"dpv5zuuu____info":{"applyToClass":false,"styleBlockId":"dpzd8wx2","classApplyOnly":"childrens"},"dpo5ucdp____info":{"applyToClass":false,"classApplyOnly":"childrens","styleBlockId":"dphyeld0"},"dp85y8fs":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dp3ogzgl)"},"easing":"ease","delay":0,"property":"color"}],"dp1wgm8r":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dp3ogzgl)"},"easing":"ease","delay":0,"property":"color"}],"dpaloy7m":[{"active":true,"duration":500,"start":{"value":"#000000"},"end":{"value":"var(--dpd3w5me)"},"easing":"ease","delay":0,"property":"border-color"}]},"deviceAndClassList":{"classList":["dpatda5w"],"devices":[],"applyToClass":false,"styleBlockId":"dpzihizd"},"name":"Hover Out","active":true,"maxTime":500,"livePreviewOn":false,"scrollArea":"viewport","repeat":1}]}}}},"styleIds":["dp3m25ip"],"className":"","source":"droip","children":["dpmt616x","dpea7z8h"],"id":"dpdwydv1","parentId":"dpjlbpob","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true},"template_mounted":true},"dpmt616x":{"visibility":true,"collapse":false,"name":"div","title":"Template Thumbnail Wrapper","properties":{"tag":"div"},"styleIds":["dpcq8oyd"],"className":"","source":"droip","children":["dpzlb6e7"],"id":"dpmt616x","parentId":"dpdwydv1","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpzlb6e7":{"visibility":true,"collapse":false,"name":"image","title":"Template Image","properties":{"tag":"img","noEndTag":true,"type":"href","load":"lazy","hiDPIStatus":false,"width":{"value":"auto","unit":""},"height":{"value":"auto","unit":""},"attributes":{"src":"","alt":"","href":"","target":""},"dynamicContent":{"type":"post","value":"dp71nynr"}},"styleIds":["dppz0m9m"],"className":"","source":"droip","id":"dpzlb6e7","parentId":"dpmt616x","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpea7z8h":{"visibility":true,"collapse":false,"name":"div","title":"Template Body","properties":{"tag":"div"},"styleIds":["dpc5o8bd"],"className":"","source":"droip","children":["dpkjdx01","dpaloy7m"],"id":"dpea7z8h","parentId":"dpdwydv1","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpkjdx01":{"visibility":true,"collapse":false,"name":"div","title":"Name & Pages","properties":{"tag":"div"},"styleIds":["dp35rphq"],"className":"","source":"droip","children":["dp4v7cb7","dpo5ucdp","dplncmyr"],"id":"dpkjdx01","parentId":"dpea7z8h","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp4v7cb7":{"visibility":true,"collapse":false,"name":"heading","title":"Heading","properties":{"contents":["This is some text inside of a heading tag"],"tag":"h3","dynamicContent":{"type":"post","value":"post_title"}},"styleIds":["dp382676"],"className":"","source":"droip","id":"dp4v7cb7","parentId":"dpkjdx01","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpo5ucdp":{"visibility":true,"collapse":false,"name":"div","title":"Circle Divider","properties":{"tag":"div"},"styleIds":["dpvgeg3n"],"className":"","source":"droip","children":[],"id":"dpo5ucdp","parentId":"dpkjdx01","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dplncmyr":{"visibility":true,"collapse":false,"name":"div","title":"Layouts Total","properties":{"tag":"div"},"styleIds":["dpmntfea"],"className":"","source":"droip","children":["dpv5zuuu","dp85y8fs"],"id":"dplncmyr","parentId":"dpkjdx01","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpv5zuuu":{"visibility":true,"collapse":false,"name":"paragraph","title":"Pages Number","properties":{"contents":["12"],"tag":"p","dynamicContent":{"type":"post","value":"dpud1da7"}},"styleIds":["dpzd8wx2"],"className":"","source":"droip","id":"dpv5zuuu","parentId":"dplncmyr","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp85y8fs":{"visibility":true,"collapse":false,"name":"paragraph","title":"Layouts Text","properties":{"contents":["Pages"],"tag":"p"},"styleIds":["dpzd8wx2"],"className":"","source":"droip","id":"dp85y8fs","parentId":"dplncmyr","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpaloy7m":{"visibility":true,"collapse":false,"name":"div","title":"Free","properties":{"tag":"div"},"styleIds":["dpznsfly"],"className":"","source":"droip","children":["dp1wgm8r"],"id":"dpaloy7m","parentId":"dpea7z8h","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dp1wgm8r":{"visibility":true,"collapse":false,"name":"paragraph","title":"Paragraph","properties":{"contents":["Free"],"tag":"p"},"styleIds":["dpq924zn"],"className":"","source":"droip","id":"dp1wgm8r","parentId":"dpaloy7m","stylePanels":{"typography":true,"composition":true,"size":true,"background":true,"stroke":true,"shadow":true,"effects":true,"position":true,"transform":true,"interaction":true,"animation":true}},"dpkqews4":{"styleIds":["droip_pagination"],"visibility":true,"collapse":false,"name":"pagination","title":"Pagination","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination"}},"className":"","source":"droip","children":["dppe9yup"],"id":"dpkqews4","parentId":"dpb6qcm3","template_mounted":true},"dppe9yup":{"styleIds":["droip_pagination_item"],"visibility":true,"collapse":false,"name":"pagination-item","title":"Pagination Item","properties":{"tag":"div","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-item"}},"className":"","source":"droip","children":["dp8w6g8z"],"id":"dppe9yup","parentId":"dpkqews4","template_mounted":true},"dp8w6g8z":{"styleIds":["droip_pagination_number"],"visibility":true,"collapse":false,"name":"pagination-number","title":"Pagination Number","properties":{"tag":"span","componentType":"pagination","attributes":{"data-droip-pagination":"pagination-number"}},"className":"","source":"droip","children":[],"id":"dp8w6g8z","parentId":"dppe9yup"},"dpadkx93":{"styleIds":[],"visibility":true,"collapse":false,"name":"empty","title":"Empty","properties":{"attributes":[]},"className":"","source":"droip","children":[],"id":"dpadkx93","parentId":"dpb6qcm3"}},"styles":{"dpxbylw7":{"id":"dpxbylw7","type":"class","name":"dpg68kmc","isDefault":false,"variant":{"md":"width:100%;height:100%;margin:66px 0px 0px 0px;"}},"dpcjeur5":{"id":"dpcjeur5","type":"class","name":["Template-Grid"],"isDefault":false,"variant":{"md":"display:grid;column-gap:18px;row-gap:32px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:minmax(75px, 1fr);grid-template-areas:\". . . .\";","tablet":"grid-template-columns:1fr 1fr 1fr;grid-template-areas:\". . .\";row-gap:16px;column-gap:16px;","mobileLandscape":"grid-template-columns:1fr 1fr;grid-template-areas:\". .\";","mobile":"grid-template-columns:1fr;grid-template-areas:\".\";"},"isGlobal":true},"dp3m25ip":{"id":"dp3m25ip","type":"class","name":"dpf3qfd2","isDefault":false,"variant":{"md":"background-image:none;background-color:var(--dpaeuzw5);overflow:hidden;border-radius:18px;width:100%;height:100%;display:flex;flex-direction:column;font-weight:400;font-style:normal;text-decoration:none;position:relative;z-index:1;"}},"dpcq8oyd":{"id":"dpcq8oyd","type":"class","name":["dp0jogvs"],"isDefault":false,"variant":{"md":"width:auto;height:auto;overflow:hidden;aspect-ratio:317\/348;"}},"dppz0m9m":{"id":"dppz0m9m","type":"class","name":["dpcumgx7"],"isDefault":false,"variant":{"md":"width:100%;height:100%;object-fit:cover;aspect-ratio:2\/3;max-height:348px;","mobile":"max-height:none;"}},"dpc5o8bd":{"id":"dpc5o8bd","type":"class","name":["dp0cziea"],"isDefault":false,"variant":{"md":"display:flex;align-items:center;column-gap:4px;flex-wrap:wrap;width:100%;justify-content:space-between;row-gap:10px;padding:24px;","tablet":"column-gap:12px;padding:20px 12px 20px 12px;","mobile":"padding:24px;"}},"dp35rphq":{"id":"dp35rphq","type":"class","name":"dphivj93","isDefault":false,"variant":{"md":"display:flex;column-gap:7px;align-items:center;"}},"dp382676":{"id":"dp382676","type":"class","name":["Template-Card-Title"],"variant":{"md":"font-size:18px;font-family:var(--dptjx753);font-weight:600;color:var(--dp7ep2f0);fill:var(--dp7ep2f0);letter-spacing:-0.36px;line-height:1.38em;display:block;margin:0px;","mobile":"font-size:18px;line-height:22px;letter-spacing:0px;font-weight:500;","mobileLandscape":"font-size:16px;line-height:22px;","tablet":"font-size:16px;font-weight:500;letter-spacing:0px;"},"isGlobal":true},"dpvgeg3n":{"id":"dpvgeg3n","type":"class","name":"dpus44gv","isDefault":false,"variant":{"md":"width:4px;height:4px;background-image:none;background-color:var(--dpq2n5sk);border-radius:10px;"}},"dpmntfea":{"id":"dpmntfea","type":"class","name":"dpxty0xf","isDefault":false,"variant":{"md":"display:flex;align-items:center;column-gap:5px;flex-wrap:wrap;"}},"dpzd8wx2":{"id":"dpzd8wx2","type":"class","name":"Paragraph-14px-Medium","isDefault":false,"variant":{"md":"font-size:14px;font-family:var(--dp03iuf4);line-height:18px;font-weight:500;color:var(--dp3ogzgl);fill:var(--dp3ogzgl);margin:0px;"},"isGlobal":true},"dpznsfly":{"id":"dpznsfly","type":"class","name":"dpty2qwc","isDefault":false,"variant":{"md":"border-radius: 4px;padding:0px 6px 0px 6px;margin:0px 0px 0px 0;border-width:0.5px;border-style:solid;border-color:var(--dpd3w5me);"},"isGlobal":true},"dpq924zn":{"id":"dpq924zn","type":"class","name":"dp5xwbdi","isDefault":false,"variant":{"md":"color:var(--dp3ogzgl);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:140%;margin:0px;"},"isGlobal":true},"droip_pagination":{"id":"droip_pagination","type":"class","isDefault":true,"name":"droip-pagination","variant":{"md":"display:flex;justify-content:center;gap:8px;"}},"droip_pagination_item":{"id":"droip_pagination_item","type":"class","isDefault":true,"name":"droip-pagination-item","variant":{"md":"display:flex;justify-content:center;align-items-center;font-size:16px; padding:4px 12px;border: 1px solid #c7c9cb;cursor:pointer;border-radius:5px;"}},"droip_pagination_number":{"id":"droip_pagination_number","type":"class","isDefault":true,"name":"droip-pagination-number","variant":{"md":""}}}}

Photopia

5

Pages

Free

FitPulse

2

Pages

Free

Velnova

7

Pages

Free

Muse

3

Pages

Free