home projects speaker

@phun-ky/frameport

Frameport enables you to showcase your responsive components in real-life media queries!

Frameport was created with the goal of simplifying the display of responsive components in style guides and documentation. It empowers you to create iframes with your component's HTML, CSS, and JavaScript, making them act as natural viewports. It's a zero-dependency package, making it easy to integrate into your projects.

With frameport, you can create any viewport you want on a web page. This can be useful for a variety of purposes, such as:

  • Showcasing the different responsive modes of your components
  • Sandbox content

Frameport is incredibly easy to use. Simply add the add the required attributes or use the import with options, and frameport will do the rest. You can also wrap the viewports with the style of your choosing.

Read more about it here.


About the author

Hi! My name is Alexander, and I am a creative frontender, specializing in UX, accessibility, universal design, frontend-architecture, node and design systems. I am passionate with open source projects and love to dabble with new emerging technologies related to frontend. With over 26 years of frontend experience, I have earned the right to be called a veteran. I am a lover of life, technologist at heart. If I am not coding, I am cooking and I love whisky and cigars. Oh, and coffee, I LOVE coffee!

If you want to know more about me, here is some links you might want to check out: GitHub, Instagram, Twitter, LinkedIn, CodePen, Slides.com, npm,

Speaker

I am also an avid speaker on several topics! Check out some of the things I speak about, and contact me if you are interested in having me at your next event!