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
- pick a template you likeee
- then run
npx senn-ui@latest add <design-name> in your next.js project.
- then copy the prompt or download the skill
- 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
