Continuing our journey to complete the AlignUI Design System, we're excited to introduce new additions: new HR Management widgets, sidebar feature cards, an integration page, login & register interfaces, an intuitive onboarding process, and several refined components. Let's get started!
🧮 New Widgets for HR (New)
We have added a set of new widgets designed exclusively for HR Management, offering diverse sizes and functionalities to enrich your options.
Regular Sized Widgets
- 💡 Employee Spotlight: Displaying the employee of the month, comments, and rewards. Enables toggling between pages using the switch toggle component.
- ⏲️ Time Tracker: Allowing employees to select projects and initiate time tracking. Previous tasks and time spent can be viewed.
- 📝 Daily Feedback: Gathering daily feedback using emoji/star and written responses.
- 📊 Work Hour Analysis: Analyzing employee work hours through an interactive line chart with filters.
Large Sized Widgets
- 🎓 Courses: Presenting detailed information within a table, designed as a horizontal widget for wider content display.
Small Sized Widgets
- ⏳ Daily Work Hours: Visualizing daily work hours through a stacked progress bar and legends.
- 📚 Course Progress: Tracking course progress with circular progress bar.
- 📊 Training Analysis: Displaying course attendance and completion supported by a bar chart.
- ⭐ Employee Rating: Showcasing employee ratings with a star rating component and line chart.
🌟 Feature Cards (New)
We have designed Feature Cards for sidebar navigation, enabling designers to spotlight features, situations, and more. Feature Cards include an avatar group component for daily meetings, link buttons for user engagement, progress bar components to showcase cloud storage usage, and such components.
⚙️ Integration Page (New)
Explore our new Integration Page, providing insights into available and upcoming integrations. Custom Integration Card components are utilized, accompanied by a switch toggle, search bar, and top filter for enhanced navigation.
🔐 Login & Register (New)
We have designed Login & Register pages, complete with Reset Password and Verification options. Utilizing input components, social buttons, alerts, and versatile buttons, we've curated a smooth user experience. An additional component for images is available for use on these Login & Register pages.
🙋♂️ Onboarding (New)
We have designed an onboarding process flow to guide novice designers. This process contains six steps as getting an email, personal information, role and position selection, password setup and completion.
🎨 Assets (Updated)
We've integrated an emoji library component, ensuring easy access to a wide array of emojis for your designs.
🚶 Step Indicator (Updated)
Enhancements have been made to the Step Indicator component, optimizing its functionality, particularly for Onboarding purposes.
📊 Progress Bar (Updated)
We have added a Circular Progress Bar component, offering an alternative progress display when space is limited. With varying sizes from 48px to 80px, the circular progress bar even supports text integration.
As we've explored the new and improved components, let's now direct our focus toward the enhancements we'll be introducing in the next update.
🚀 Next Update
- Empty States of Widgets
- Organizing Figma file
- Updating Pagination component
That concludes this week's update. We appreciate the curiosity about our progress, and we're thrilled to share that we've made significant headway, as evident in these updates. We're edging closer to completion and are excited to bring you an extensive and user-friendly design system with AlignUI.
Stay tuned for further advancements as we continue striving to offer you the best design experience possible.
