Craft portfolios that convert visitors into opportunities by showcasing work and creating memorable experiences for developers, designers, and creatives.
frontend-ui-dark-ts
Create modern, dark-themed React user interfaces using Tailwind CSS and Framer Motion. This skill provides a foundation for building dashboards, admin panels, and other data-rich applications with a refined dark aesthetic. It incorporates glassmorphism effects and tasteful animations to enhance the user experience.
This skill includes a pre-configured Tailwind CSS setup with custom theming, including brand colors, neutral backgrounds, text colors, and border styles. It also provides reusable React components like Button, Card, Input, and Dialog, and animation patterns using Framer Motion for engaging user interactions. The project structure is organized for maintainability and scalability, with clear separation of concerns.
Leverage this skill to rapidly prototype and develop visually appealing and performant dark-themed web applications. It offers a solid starting point for projects that require a sophisticated UI with attention to detail.
What It Does
Provides a pre-configured React UI system with a dark theme, using Tailwind CSS for styling and Framer Motion for animations. Includes custom theming, reusable components, and example layouts.
When To Use
When starting a new React project that requires a dark theme, a modern UI aesthetic, and smooth animations. Suitable for dashboards, admin panels, and data visualization applications.
Installation
Copy SKILL.md to your skills directoryWhat people say, and where to get help
No ratings yet. If you have used this skill, yours would be the first.
Sign in to leave a rating
An account keeps your review with your name on it, and lets you edit it later. Sign in or create one free.
No reviews yet
This skill has not been rated. If you have run it, a short note about what you used it for helps the next person more than any description can.
Related Skills You May Like
Discover more AI agent skills in the same category to enhance your workflow automation.
Builds immersive scroll-driven experiences like parallax storytelling and scroll animations for engaging web experiences.
Display HTML content on connected OpenClaw nodes (Mac, iOS, Android) for games, visualizations, dashboards, and interactive demos.
Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and a non-generic visual identity.
Expertise in user onboarding and activation, focusing on time-to-value, defining the 'aha' moment, and designing effective onboarding flows.
Expert in optimizing in-app paywalls & upgrade flows to convert free users to paid or upgrade to higher tiers, focusing on value & frictionless paths.
Have a Skill to Share?
Join the community and help AI agents learn new capabilities. Submit your skill and reach thousands of developers.