Senn

Senn is a collection of amazing landing page. :) yes landing page must be wondering why?

hopee to get a star :D

Motivation

you want to make a product. you make the product and it's amazing but when i comes time to show it to the world you would need landing page. but when you ask ai to make it generates slop.

now no need worry as senn is here. it's a free library of landing page that you can install and customize for free.

Install

To install paste this command

npx senn-ui@latest add <design-name>

How it flows

1. pick a template you likeee
2. then run npx senn-ui@latest add <design-name> in your next.js project.
3. then copy the prompt or download the skill
4. then ask you ai to make it for youuu

npx senn-ui@latest skill modern-saas

You need Next.js 15 or newer, React 19 and Tailwind CSS v4. More about the commands in cli/README.md.

What I learned

I really loved learning design, taught me alot about prompting and creating landing page. I learned alot of design skills and design types ALOT realllyyy.

I also learned to stop trusting my own lists :D.

Tech Stack

Site and templates:

• next.js and React
• typeScript
• tailwind CSS
• shadcn/ui and React Bits
• GSAP and Motion (FOR THE COOL ANIMATIONS)

Contributing

Yes you can help us to and bring your own design. I know you are a artist like us. Just follow the CONTRIBUTING.md. you can be the next senner too.

Contributors

THE SENNERSS who helped us are below

AI USAGE

I used ai to create landing but to note. I instructed claude for each design steps where to put image to where to put text! This project is to make best ui and I excelled at that making very cool design using ai rather than slop. My motive was to show good ui using prompt and design skills

License

MIT yes SEN is MIT lisence so use it freely as you like

Thank you so much for reading this readme :D