Add Live Preview Feature for Tern Framework (npm i @Hookflo/tern) with Creative Human-Centric UI

[Prateek32177]

Overview

We want to add a live preview feature for our Tern framework, allowing users and developers to interactively experience what Tern offers.

Requirements

• Users should be able to see a live, interactive preview of components built with Tern.
• The preview must be accessible and intuitive, making it easy for developers to explore the framework.
• The design should be best-in-class: clean, minimal, sleek, and with a human touch—strictly avoid AI-generated or artificial design cues.
• Clearly showcase the npm installation method: npm i @Hookflo/tern.
• The preview should inspire confidence in the framework’s design language and UX principles.

Acceptance Criteria

• Live preview is functional and visually appealing.
• UI/UX is highly usable, minimal, and human-centric.
• Clear documentation on how to use the feature and install the Tern framework via npm.
• The preview should be responsive and work seamlessly across devices.

---

• Framework npm package: @Hookflo/tern
• Current Live Version for Reference

Let's set the standard for developer experience and visual excellence!

Update :

This Task we are making it time bounded for each individual as many wants to attempt this and we want to give fair chance to all, we can at max assign you the issue for 2 days in which you can attempt again the best design wins and gets merged.

[D43M0N18]

/assign

[Prateek32177]

/assign

Hi @D43M0N18 ,

Before attempting FYI this is the time constraint:
This Task we are making it time bounded for each individual as many wants to attempt this and we want to give fair chance to all, we can at max assign you the issue for 2 days in which you can attempt, again the best design wins and gets merged.

[D43M0N18]

sure

[D43M0N18]

@Prateek32177 please review and approve this PR ? Also, a team admin needs to authorize Vercel by clicking the 'authorize it' link in the bot comment to enable deployment checks. Once these steps are complete, I'll re-trigger the checks for merging and deployment."

[D43M0N18]

and also please add hacktober labels here too

[Prateek32177]

and also please add hacktober labels here too

@D43M0N18 commented on your PR